7 خطوات لاستخدام التحسين التلقائي! هل يمكنك حقا زيادة سرعة موقعك؟

الإعدادات الموصى بها عند استخدام منشئ الصفحات

هنا، BEAVERBuilder وElementorسنشرح الإعدادات الموصى بها عند استخدام أداة إنشاء الصفحات.

خيارات جافا سكريبت

「تحسين كود جافا سكريبت"و"قم بتسلسل ملفات JS"، يتم شرح كل إعداد بالتفصيل.

1. "تحسين كود جافا سكريبت"

• الوصف: إذا قمت بتمكين هذا الإعداد، فسيقوم Autoptimize بتحسين (تصغير/ضغط) كود JavaScript الموجود على موقعك. قم بإزالة المسافات والتعليقات غير الضرورية، وقلل حجم ملف JavaScript وقم بتسريع تحميل الصفحات.
• الإعدادات الموصى بها: لتمكينيوصى به بشكل عام.
  • سبب: يعمل تحسين JavaScript على تقليل حجم الملف وبالتالي تحسين سرعة تحميل الصفحة. يؤدي التحسين إلى تحسين تجربة المستخدم، خاصة إذا كانت صفحتك تحتوي على ملفات JavaScript متعددة.

2. "سلسلة ملفات JS"

• الوصف: هذا إعداد لسلسلة ملفات JavaScript متعددة في ملف واحد. ومن المتوقع أن يؤدي ذلك إلى تقليل عدد الطلبات المقدمة إلى الخادم وجعل الصفحات يتم تحميلها بشكل أسرع. ومع ذلك، عند استخدام هذه الميزة، تتم معالجة ملفات JavaScript كلها مرة واحدة، لذلك إذا حدث خطأ في الملفات المتسلسلة، فهناك خطر أن تتوقف جميع JavaScript عن العمل.
• الإعدادات الموصى بها: لتمكينعلى الرغم من أنه شائع،كن حذرًا في حالة استخدام Elementor أو المكونات الإضافية الأخرىが 必要 で す.
  • سبب: من خلال ربط ملفات جافا سكريبت، يتم تقليل عدد طلبات HTTP، مما يساهم في تحسين سرعة تحميل الصفحة. ومع ذلك، تستخدم المكونات الإضافية مثل Elementor على وجه الخصوص الكثير من JavaScript، لذلك إذا قمت بتوصيل كل شيء معًا، فقد يتعطل التصميم أو قد لا تعمل الوظيفة بشكل صحيح.يتم استبعاد بعض ملفات JavaScript من التسلسل(مثل الملفات ذات الصلة بـ jQuery وElementor) تعد طريقة جيدة للقيام بذلك.

نقاط الضبط

• تحسين كود جافا سكريبتفعال بشكل عام في تحسين أداء الموقع.فعاليةلا مشكلة في ذلك.
• تسلسل ملفات JSمن أجل منع تشغيل المكونات الإضافية وتعطل التصميم،استبعاد ملفات JavaScript الهامةيوصى بتمكينه في نفس الوقت. على وجه الخصوص، إذا كان لديك نصوص برمجية تعتمد على Elementor أو jQuery، فقم بتحميلها بشكل منفصل بدلاً من ربطها ببعضها البعض.

خطوات الإعداد

1. تحسين الإعداداتانتقل الى.
2. "تحسين كود جافا سكريبت"حدد المربع.
3. "تسلسل ملفات JS"حدد المربع.
4. البرنامج النصي الذي تريد استبعاد التسلسل منه (jquery.jsやwp-content/plugins/elementor/assets/js/الخ) إلى "البرامج النصية لاستبعادها" مجال.
5. احفظ التغييراتلمسح ذاكرة التخزين المؤقت والتحقق من سلوك وتصميم موقعك.

يتيح لك هذا تحسين أداء الموقع والتأكد من أن تصميماتك ومكوناتك الإضافية تعمل بشكل صحيح. يمكن إجراء المزيد من التعديلات التحسينية إذا لزم الأمر.

1. ""Inline JS متسلسل أيضًا"

• الوصف: عادةً، يتم ربط ملفات JavaScript وتحسينها فقط، ولكن إذا تم تمكين هذا الخيار، فسيتم أيضًا ربط ملفات JavaScript المكتوبة بشكل سطري داخل HTML.
• الإعدادات الموصى بها: من الأفضل عدم التحققهو عليه.
  • سبب: سيؤدي تسلسل JS المضمن إلى زيادة حجم ذاكرة التخزين المؤقت لـ Autoptimize بسرعة، مما قد يكون له تأثير سلبي على أداء موقعك. قد يتسبب هذا في بعض الأحيان في حدوث مشكلات، خاصة إذا كنت تستخدم مكونات إضافية مثل Elementor أو Convert Pro.

2. "السماح لـ Autoptimize أيضًا باستخراج JS من HTML"

• الوصف: التحسين التلقائي عبارة عن ميزة تعمل على استخراج تعليمات JavaScript البرمجية من HTML وتحسينها، ولكن عند تمكينها، قد يزيد حجم ذاكرة التخزين المؤقت بسرعة.
• الإعدادات الموصى بها: من الأفضل عدم التحققهو عليه.
  • سبب: من المحتمل أيضًا أن يتسبب هذا الإعداد في ارتفاع ذاكرة التخزين المؤقت، مما قد يؤثر على الأداء العام للموقع. بالإضافة إلى ذلك، لا ينبغي تحسين جميع البرامج النصية في HTML ويمكن أن تسبب مشاكل، لذلك ليست هناك حاجة لتمكينها إلا إذا كنت في حاجة إليها على وجه التحديد.

3. "فرض JavaScript في الرأس>"

• الوصف: يتم تنفيذ JavaScript عادةً بعد تحميل الصفحة، ولكن تمكين هذا الخيار سيؤدي إلى تنفيذ JavaScript أثناء تحميل الصفحة، مما قد يؤدي إلى تنفيذ JavaScript قبل عرض الصفحة (يحدث الحظر).
• الإعدادات الموصى بها: من الأفضل عدم التحققهو عليه.
  • سبب: قد يؤدي فرض تحميل JavaScript داخل الرأس إلى تأخير عرض الصفحة وزيادة مقدار الوقت الذي يستغرقه المستخدمون لعرض الصفحة (خاصة تباطؤ الأداء على الهاتف المحمول). لا يوصى بهذا الإعداد إلا إذا كانت لديك متطلبات محددة.

4. "التفاف في محاولة الصيد"

• الوصف: كود جافا سكريبتtry-catchهذا إعداد لمنع الصفحة بأكملها من الانكسار حتى في حالة حدوث خطأ JavaScript من خلال إحاطتها بـ . يوفر معالجة محددة للأخطاء، ولكنه قد يؤثر على الأداء العام.
• الإعدادات الموصى بها: عموما فمن الأفضل عدم التحققهو عليه.
  • سبب: try-catchيمكنك تقليل تأثير أخطاء JavaScript عن طريق إحاطتها بـ ، لكنك لا تحتاج عادةً إلى القيام بذلك. إذا كنت تستخدم هذا، فقد تعمل معالجة أخطاء JavaScript بشكل غير طبيعي، مما يجعل تصحيح الأخطاء أمرًا صعبًا. لا يُنصح باستخدامه بشكل عام، ولكنه يستحق المحاولة فقط إذا كانت المشكلة تحدث مع برنامج نصي محدد.

ملخص:

قد تكون هذه الخيارات مفيدة في ظل ظروف معينة، ولكن في الإعدادات العاديةمن الآمن عدم التحققيكون. من خلال ترك هذه الإعدادات معطلة، فإنك تتجنب خطر أن تصبح ذاكرة التخزين المؤقت الخاصة بـ Autoptimize كبيرة جدًا وتقلل من أداء الصفحة.

في حالة حدوث مشكلة معينة، قد يساعد تغيير الإعدادات واحدًا تلو الآخر والاختبار في حل المشكلة.

ضبط خيارات CSS

سنشرح كل إعداد وتوصية لتمكين/تعطيل لكل خيار Autoptimize يتعلق بـ CSS.

1. "تحسين كود CSS"

• الوصف: سيؤدي تمكين هذا الخيار إلى تقليل حجم ملف CSS. ومن خلال إزالة الأجزاء غير الضرورية مثل المسافات البيضاء والتعليقات، وجعل الملف أخف وزنًا، يتم تحميل الصفحات بشكل أسرع.
• الإعدادات الموصى بها: لتمكينينصح.
  • سبب: تحسين أداء الصفحة عن طريق تصغير ملفات CSS. التصغير بحد ذاته ليس له أي تأثير على سلوك CSS.

2. "سلسلة ملفات CSS"

• الوصف: يجمع هذا الخيار عدة ملفات CSS في ملف واحد، مما يقلل عدد الطلبات المقدمة إلى الخادم ويحسن سرعة تحميل الصفحة. وهذا له تأثير منع تدهور الأداء بسبب إنشاء العديد من الطلبات.
• الإعدادات الموصى بها: لتمكينوهذا أمر شائع، ولكن يجب توخي الحذر لمنع انهيار التصميم.
  • سبب: يؤدي تسلسل ملفات CSS إلى تقليل عدد الطلبات وتحسين الأداء. ومع ذلك، إذا كان Elementor أو المكونات الإضافية الأخرى تتطلب ملفات CSS محددة للعمل، فقد يؤدي التسلسل إلى تعطيل التصميم، لذا قم بالاختبار بعناية.

3. "تسلسل CSS المضمن"

• الوصف: خيار لتسلسل CSS المكتوب في HTML مع ملف CSS خارجي.
• الإعدادات الموصى بها: من الأفضل عدم التحققهو عليه.
  • سبب: يمكن أن يؤدي تسلسل CSS المضمن إلى زيادة حجم ذاكرة التخزين المؤقت، مما قد يؤثر على الأداء العام للموقع. عادةً ما يُستخدم Inline CSS لغرض محدد، لذا ليست هناك حاجة لتسلسله.

4. "إنشاء البيانات: تحويل الصورة إلى URI"

• الوصف: يقوم هذا الخيار بتضمين (base64izes) الصور في ملفات CSS بدلاً من تنزيل الصور الصغيرة (مثل الأيقونات) بشكل منفصل. وهذا له تأثير تقليل عدد الطلبات إلى الخادم.
• الإعدادات الموصى بها: تمكين إذا لزم الأمر.
  • سبب: يعمل على تحسين الأداء حيث يمكن تحميل الصور الصغيرة مرة واحدة. ومع ذلك، يؤدي تحويل صورة كبيرة إلى URI إلى زيادة حجم الملف ويكون له تأثير سلبي على الأداء، لذا يوصى بتحويل صورة كبيرة إلى URI.صورة صغيرةيجب أن تبقى فقط.

5. "إزالة CSS الذي يحظر العرض"

• الوصف: هذه تقنية تسمى Critical CSS، والتي تتضمن العرض الأول لـ CSS لتجنب حظر العرض. سيتم تحميل بقية CSS بشكل غير متزامن بعد تحميل الصفحة.
• الإعدادات الموصى بها: لتمكيننوصيك بالقيام بذلك، ولكن يرجى ضبط ذلك بعناية.
  • سبب: يعمل هذا الإعداد على تسريع عرض الصفحة، ولكنه قد يؤدي إلى تصميمات معطلة إذا لم يتم ضبطها بشكل صحيح. يمكنك تحسين الأداء مع الحفاظ على التصميم باستخدام مكون إضافي يقوم تلقائيًا بإنشاء Critical CSS (على سبيل المثال، استخدام علامة التبويب CriticalCSS في Autoptimize) أو عن طريق تكوينه يدويًا.

6. "مضمنة كافة CSS"

• الوصف: خيار يقوم بتضمين كل CSS على موقعك، مما يؤدي إلى إزالة كتل العرض تمامًا. ومع ذلك، يؤدي تضمين CSS إلى زيادة حجم ملف HTML بشكل ملحوظ.
• الإعدادات الموصى بها: من الأفضل عدم التحققهو عليه.
  • سبب: إذا تم تضمين كل CSS، فسيصبح ملف HTML ضخمًا وقد يزيد وقت التحميل فعليًا. أيضًا،فيسبوكعند المشاركة على WhatsApp، وما إلى ذلك، قد يتم تشويه موضع العلامة الوصفية، وقد لا يتم عرض الصورة أو الرابط المشترك بشكل صحيح. لتجنب حظر العرض، تعد تقنيات CSS الحرجة أفضل.

نقاط الإعداد:

1. "تحسين كود CSS"تأكد من تمكينه لتقليل حجم الملف.
2. "سلسلة ملفات CSS"قم بتمكينه مع الحرص على عدم كسر التصميم.
3. "تسلسل CSS المضمن"يتجنب.
4. "إنشاء البيانات: تحويل الصورة إلى URI"يتم تمكينه فقط للصور الصغيرة.
5. "إزالة CSS الذي يحظر العرض"يتم تمكينه إذا قمت بتكوين Critical CSS بشكل مناسب.
6. "مضمنة كافة CSS"، والتي يمكن أن تؤدي إلى تضخم HTML والمشكلات المتعلقة بالمشاركة، يجب تجنبها.

ستعمل إعدادات CSS الخاصة بـ Autoptimize الآن على تحسين موقعك لزيادة أدائه إلى أقصى حد مع الحفاظ على تصميمه.

خيارات HTML

التحسين التلقائيخيارات HTMLسنشرح المعنى والإعدادات الموصى بها لكل إعداد.

1. "تحسين كود HTML"

• الوصف: سيؤدي تمكين هذا الخيار إلى إزالة المسافات غير الضرورية وفواصل الأسطر والتعليقات وما إلى ذلك من تعليمات HTML البرمجية الخاصة بك، مما يقلل حجم الملف. ونتيجة لذلك، يتم تحميل الصفحات بشكل أسرع.
• الإعدادات الموصى بها: لتمكينأنا أوصي بذلك.
  • سبب: يعد تحسين HTML طريقة بسيطة وفعالة لتقليل حجم الملف وتحسين الأداء العام للصفحة. عادةً، لا يتسبب تحسين كود HTML في حدوث مشكلات مثل التصميمات المعطلة، لذلك لا يوجد سبب وجيه لتعطيله.

2. "تقليل JS/CSS المضمنة"

• الوصف: تعد JavaScript وCSS المكتوبة بشكل مضمن داخل HTML من الخيارات التي يجب تقليلها أيضًا. يؤدي هذا إلى إزالة المسافات والتعليقات الإضافية في البرامج النصية والأنماط المضمنة، مما يقلل حجم الملف.
• الإعدادات الموصى بها: لتمكينأمر شائع، ولكننا نوصي باستخدامه بحذر.
  • سبب: يمكن أن يؤدي تصغير JS/CSS المضمن إلى تحسين الأداء، ولكن في حالات نادرة قد يؤثر ذلك على التصميم والوظيفة. على وجه الخصوص، إذا كان Elementor وConvert Pro وما إلى ذلك يعتمدان على CSS/JS المضمنة، فقد يتسبب التصغير في حدوث مشكلات، لذا يرجى التحقق من العملية قبل المتابعة.

3. "الاحتفاظ بتعليقات HTML"

• الوصف: عادةً، تتم إزالة التعليقات الموجودة داخل HTML أثناء التحسين، ولكن إذا تم تمكين هذا الخيار، فستظل التعليقات موجودة. تُستخدم تعليقات HTML عادةً لشرح التعليمات البرمجية أو تدوينها، ولكنها غير مرئية للمستخدم.
• الإعدادات الموصى بها: تعطيل(أي حذف التعليق) أفضل.
  • سبب: ليست هناك حاجة عادة لترك تعليقات HTML. يمكن أن تؤدي إزالة التعليقات إلى تقليل حجم الملف قليلاً وتحسين سرعة الصفحة قليلاً. قم بتمكينه فقط إذا كنت تريد الاحتفاظ بالتعليقات لأغراض التطوير أو التصحيح.

ملخص الإعدادات:

• "تحسين كود HTML"فعال في تحسين الأداء،لتمكين.
• "تقليل JS/CSS المضمنة"فعالة، ولكنالتحقق من وجود مشاكل في تصميم الموقع ووظائفهقم بالتنشيط أثناء القيام بذلك.
• "الاحتفاظ بتعليقات HTML"ليس من الضروري، لذلكتعطيلوهذا يجعلها أخف وزنا.

اكتملت الآن إعدادات تحسين HTML وسيتم تحميل موقعك بشكل أسرع.

خيارات أخرى

1. "حفظ البرنامج النصي المتسلسل/CSS كملف ثابت"

• الوصف: يقوم التحسين التلقائي بحفظ ملفات CSS وJavaScript المتسلسلة.ملف ثابتحفظ باسم. يتيح ذلك للخادم خدمة الملفات الثابتة بكفاءة، مما يسمح بتخزينها مؤقتًا وضغطها. ومع ذلك، إذا كان الخادم الخاص بك لا يتعامل مع هذه الضغطات أو أوقات انتهاء الصلاحية بشكل صحيح، فيجب عليك إلغاء تحديدها.
• الإعدادات الموصى بها: لتمكينأمر شائع.
  • سبب: تحتوي معظم بيئات الخادم على إمكانية تخزين الملفات الثابتة وضغطها لتحسين الأداء. ومع ذلك، إذا تسببت إعدادات الخادم لديك في حدوث مشكلات (على سبيل المثال، الضغط لا يعمل بشكل صحيح)، فقد يكون من المناسب تعطيله.

2. "تصغير ملفات CSS وJS المستبعدة"

• الوصف: عادةً، يتضمن Autoptimize أيضًا ملفات CSS وJS المستبعدة.تصغير بناءً على اسم الملفأنا سوف. إذا تم تحسين ملف مستبعد وأصبح تالفًا، فسيؤدي تعطيل هذا الخيار إلى التعامل مع الملف المستبعد كما هو.
• الإعدادات الموصى بها: تمكين إذا لم تكن هناك مشاكلجيد، ولكن إذا كان يسبب مشاكل، قم بتعطيله.
  • سبب: قد يؤدي تصغير الملفات المستبعدة أيضًا إلى تحسين الأداء العام للموقع، ولكن إذا أدى التصغير إلى تعطيل ملفات معينة، فمن الآمن تعطيلها. إذا كنت تريد التصغير، فاختبر أن الملفات التي تستبعدها يتم التعامل معها بشكل صحيح.

3. "استخدام 404 احتياطية"

• الوصف: إذا كانت لغة HTML القديمة المخزنة مؤقتًا على موقعك تشير إلى Autoptimize CSS أو JS الذي تمت إزالته، فسيؤدي تمكين هذا الخيار إلىملف احتياطيلتجنب الأخطاء. وهذا يمنع تلف العرض، ولكنه قد يتطلب تكوينًا إضافيًا من جانب الخادم.
• الإعدادات الموصى بها: لا توجد مشكلة في تمكينه.ولكن فقط إذا لزم الأمر.
  • سبب: باستخدام الوظيفة الاحتياطية، حتى إذا تعذر العثور على الملفات التي تم تحسينها بواسطة Autoptimize بسبب خطأ 404، فلا يزال من الممكن عرضها، مما يمنع الانهيار غير المتوقع للموقع. ومع ذلك، قد يتطلب تكوين الخادم، لذا قم بتمكينه فقط إذا كنت معتادًا على تكوين الخادم.

4. "يتم إجراء التحسين أيضًا للمحررين والمسؤولين الذين قاموا بتسجيل الدخول."

• الوصف: بشكل افتراضي، يتم أيضًا تطبيق التحسين بواسطة Autoptimize على المحررين والمسؤولين الذين قاموا بتسجيل الدخول. يؤدي إلغاء تحديد هذا الخيار إلى تعطيل التحسين أثناء تسجيل الدخول، مما يجعل التحرير في الوقت الفعلي أسهل عند استخدام أداة إنشاء الصفحات (مثل Elementor).
• الإعدادات الموصى بها: تعطيل(غير محدد) أفضل.
  • سبب: عند استخدام أداة إنشاء الصفحات، قد يكون التحرير صعبًا عندما يتم تحسين الصفحة. من خلال تعطيل التحسين أثناء تسجيل الدخول، سيتم عرض صفحاتك بشكل صحيح وتعمل بسلاسة عند التحرير.

5. "تعيين لكل مشاركة/صفحة"

• الوصف: يتيح لك تمكين هذا الخيار ضبط إعدادات التحسين التلقائي بشكل فردي لكل منشور أو صفحة. يمكنك إيقاف تشغيل أو تعديل التحسين لصفحات أو منشورات معينة.
• الإعدادات الموصى بها: تمكين إذا لزم الأمر.
  • سبب: إذا كنت تواجه مشكلات في التحسين في منشور أو صفحة معينة، فيمكنك تمكين هذا الخيار لضبط التحسين على أساس كل صفحة على حدة. إذا كنت تريد تطبيق إعدادات تحسين مماثلة على العديد من الصفحات، فيمكنك تركها معطلة.

6. "تعطيل منطق التوافق الإضافي"

• الوصف: يعمل التحسين التلقائي على منع حدوث مشكلات في المكونات الإضافية المتوافقة (مثل Gutenberg وRevolution Slider والمكونات الإضافية التي تعتمد على jQuery).منطق التوافقيتم تطبيقه. يؤدي تعطيل هذا الخيار إلى زيادة نطاق التحسين إذا كان التحسين التلقائي "حذرًا للغاية"، ولكنه يؤدي أيضًا إلى المخاطرة بتعطيل موقعك.
• الإعدادات الموصى بها: فمن الأفضل عدم تعطيله(يوصى بتركه كإعداد افتراضي).
  • سبب: منطق التوافق مهم بشكل خاص لمنع حدوث مشكلات في تحسين JavaScript. يؤدي تعطيل هذا إلى زيادة خطر حظر العرض وأخطاء JavaScript على موقعك. ما لم يكن موقعك يواجه مشكلات متكررة في JS، فمن الآمن عادةً تركه ممكّنًا.

1. "حفظ البرنامج النصي المتسلسل/CSS كملف ثابت": فعالية(إذا كان الخادم يمكنه استيعاب ذلك).
2. "تصغير ملفات CSS وJS المستبعدة": صالحة إذا لم تكن هناك مشاكل, غير صالح إذا تم كسره.
3. "استخدام 404 احتياطية": حسب الحاجةفعالية.
4. "يتم إجراء التحسين أيضًا للمحررين والمسؤولين الذين قاموا بتسجيل الدخول.": تعطيل(في حالة استخدام منشئ الصفحات).
5. "تعيين لكل مشاركة/صفحة": ممكّن إذا لزم الأمر(إذا كنت تريد ضبطه لكل صفحة).
6. "تعطيل منطق التوافق الإضافي": لا تقم بتعطيل(اترك كافتراضي).

ينبغي الآن تحسين إعدادات التحسين التلقائي وتحقيق التوازن بين أداء وتصميم موقعك.

تحسين الصورة

فيما يتعلق بـ "التحميل البطيء من عدد محدد من الصور"، يحدد هذا الإعداد عدد الصور التي سيتم تطبيق التحميل البطيء منها على الصفحة.هذا للتحديد. التحميل البطيء هو أسلوب يقوم بتحميل الصور في نفس الوقت الذي يتم فيه التمرير لتحسين أداء الصفحة.

ماذا تعني الإعدادات:

• لا تتكاسل في تحميل الصور X الأولى: على سبيل المثال، إذا قمت بتعيينه على "3"، فسيتم عرض الصور الثلاث الأولى فورًا عند تحميل الصفحة كالمعتاد. سيتم تحميل الصور الرابعة واللاحقة عندما يقوم المستخدم بالتمرير.
• إذا تم التعيين على "1"، فستخضع جميع الصور للتحميل البطيء.سيكون ذلك. وهذا يعني أن الصورة لا يتم تحميلها عند تحميل الصفحة، وتظهر فقط عندما يقوم المستخدم بالتمرير إلى موضع الصورة.

الإعدادات الموصى بها:

• الصور ذات المحتوى المهم(على سبيل المثال، العناصر المرئية الرئيسية والصور المميزة المعروضة في العرض الأول) لا ينبغي تحميلها بتكاسل.لا تقم بتحميل 2-3 صور كسولًايوصى بالإعدادات بشكل عام.
  • 例: من خلال ضبطه على 3، سيتم عرض الصور الثلاث الأولى على الصفحة على الفور، وسيتم تحميل الصور اللاحقة بتكاسل.
• إذا تم التعيين على 1، فسيتم تحميل جميع الصور بتكاسل.سيؤدي هذا إلى تسريع عرض الصفحة الأولي، ولكنه قد يؤثر على تجربة المستخدم لأن الصورة لن تظهر إلا بعد تمريرها.

ملخص:

• يجب أن يتم عرض الصور المهمة (مثل الجزء الأول المرئي من الصورة) بشكل طبيعي، لذا يوصى بالتحميل البطيء.ينطبق من أول 2-3 صورهذا هو الإعداد المتوازن.
• اضبط على "1" إذا كنت تريد تأخير جميع الصور.

حاول تعيين العدد المناسب من الصفحات اعتمادًا على تخطيط موقعك وتجربة المستخدم.

تحسينات تلقائية إضافية

لتحسين خطوط جوجل، راجعأداء الموقعとكتلة العرض (تأخير العرض)يجب ضبطها بعناية لتحقيق التوازن. وسنشرح الاختلافات بين كل خيار والإعدادات الموصى بها.

1. إزالة خطوط جوجل

• الوصف: خيار لإزالة خطوط Google بالكامل والتبديل إلى خط النظام الافتراضي. يؤدي ذلك إلى تحسين الأداء من خلال القضاء على تأخيرات تحميل الخطوط والطلبات الخارجية، ولكن يمكن أن يحدث تغييرًا كبيرًا في تصميم موقعك ومظهره.
• الإعدادات الموصى بها: فقط إذا كنت لا تستخدم خطوط Google في تصميمكيُمكَِن.
  • سبب: بالنسبة للمواقع التي لا تعتمد بشكل كبير على التصميم، أو عندما يكون الأداء هو أهم أولوياتك، يمكنك إزالة الخط وجعله الخط الافتراضي. ومع ذلك، إذا تأثر التصميم، ينبغي النظر في خيارات أخرى.

2. الربط والربط في الرؤوس (تحميل سريع للخط مع حظر العرض) والعرض

بما في ذلك

• الوصف: خطوط جوجلالانضمام عن طريق الرأسوتحميلها. يسمح هذا بتحميل الخطوط بشكل أسرع، ولكنه قد يمنع العرض مؤقتًا حتى تنتهي الصفحة من التحميل (حظر العرض).
• الإعدادات الموصى بها: إذا كنت تريد إعطاء الأولوية لعرض الخطتستخدم ل.
  • سبب: يعد هذا الإعداد هو الأفضل إذا كنت تريد تحميل الخطوط بأسرع ما يمكن والحفاظ على مظهر موقعك. ومع ذلك، نظرًا لأن العرض محظور أثناء تحميل الخطوط، فهناك خطر أن يتأخر المحتوى عندما يعرض المستخدم الصفحة. يمكن أن يكون هذا التأثير ملحوظًا بشكل خاص على الهاتف المحمول.

3. عرض الارتباط البطيء في الصلات والرؤوس (تحميل أبطأ للخط، ولكن لا يوجد حظر للعرض).

بما في ذلك

• الوصف: خطوط جوجلرابط التأخيرلتجنب منع عرض الصفحة.display: swapيتم تطبيق الخط الافتراضي أولاً، ثم يتحول لاحقًا إلى خط Google. وهذا يمنع عرض الكتل ويسمح للمستخدمين برؤية محتوى الصفحة بشكل أسرع.
• الإعدادات الموصى بها: إذا كنت تريد التركيز على الأداءهذا هو الحال.
  • سبب: يمكنك تجنب عرض الكتل وتسريع عرض الصفحة. ويظهر في البداية في خطوط النظام ثم يتحول إلى خطوط Google، مما يؤدي إلى تحسين تجربة المستخدمين. يعد هذا الإعداد مثاليًا إذا كنت تريد استخدام الخطوط مع التركيز على الأداء.

ما هي الإعدادات التي يجب عليك اختيارها؟

• موجه نحو الأداء: "روابط كسولة مع الصلات والرؤوس"يختارdisplay: swapتمكين لمنع الخطوط من التسبب في كتل العرض. وهذا يجعل الصفحات يتم تحميلها بشكل أسرع ويحسن تجربة المستخدم.

• التركيز على التصميم (أولوية عرض الخط): "الروابط في الصلات والرؤوس"لتحديد أولويات تحميل الخط مع السماح ببعض عمليات حظر العرض.

• لا الخط المطلوب: "حذف خطوط جوجل"للتبديل إلى خط النظام. إذا كنت لا تهتم بالخطوط، سيكون الأداء أفضل بكثير.

استنتاجと し て،"روابط كسولة مع الصلات والرؤوس"يمثل توازنًا جيدًا للعديد من المواقع، ويعتبر مثاليًا إذا كنت تريد الاستمرار في استخدام خطوط Google مع التركيز على الأداء.

إزالة سلسلة الاستعلام من الموارد الثابتة

"إزالة سلسلة الاستعلام من الموارد الثابتة"سأشرح الإعدادات

1. الوصف:

• سيؤدي تمكين هذا الخيار إلى إلحاق موارد ثابتة مثل CSS وJavaScript.سلسلة الاستعلام(خاصة?ver=1.0رقم الإصدار) ستتم إزالته.
• يتم استخدام سلاسل الاستعلام بواسطة المتصفحات وخوادم التخزين المؤقت لتجنب تخزين الموارد مؤقتًا ولإدارة تكرار التحديث.

2. 効果:

• قد تسمح إزالة سلسلة الاستعلام لبعض شبكات تسليم المحتوى (CDN) أو خوادم التخزين المؤقت بتخزين الموارد مؤقتًا بشكل أكثر كفاءة. ونتيجة لذلك، الموقعتحسين الأداء المحتملが あ り ま す.
• ومع ذلك، فإن وقت التحميل نفسه لا يتحسن بشكل كبير. بالإضافة إلى ذلك، قد لا تنعكس تحديثات المورد بسبب إزالة سلسلة الاستعلام (قد لا يتم تخزين الإصدار الجديد مؤقتًا).

3. الإعدادات الموصى بها:

• لتمكينعلى الرغم من أن هذا يوصى به بشكل عام، إلا أن هناك بعض التحذيرات.
  • لتمكينوقد تتمتع بعض شبكات CDN والخوادم بإدارة أكثر كفاءة لذاكرة التخزين المؤقت وأداء أفضل قليلاً.
  • ومع ذلك، إذا كان البرنامج الإضافي أو القالب يستخدم سلاسل الاستعلام (معلومات الإصدار) للتحكم في التخزين المؤقت للموارد، فيرجى توخي الحذر حيث قد لا تظهر أحدث الموارد.

4. احتياطات عند الاستخدام:

• في حالات نادرة، قد يؤدي حذف سلاسل الاستعلام إلى عدم تحديث ذاكرة التخزين المؤقت وقد يستمر استخدام الأنماط والبرامج النصية القديمة. في هذه الحالة، ستحتاج إلى مسح ذاكرة التخزين المؤقت يدويًا أو تعطيل الخيار والتحقق مرة أخرى.

ملخص:

• يمكن تحسين الأداء عن طريق إزالة سلاسل الاستعلاملذلك، في الأساسلتمكينجيد
• ومع ذلك، إذا واجهت مشكلات في تحديث الموارد أو التخزين المؤقت، ففكر في تعطيلها مرة أخرى.

إزالة حظر CSS من ووردبريس

"إزالة حظر WordPress باستخدام CSS"سأشرح الخيارات.

1. الوصف:

• ووردبريس هومحرر الكتلةبالنسبة للمواقع التي تستخدم (جوتنبرج)نوع الكتلة CSSやالنمط العالمييضيف. يؤدي ذلك إلى تنظيم تصميم الصفحات باستخدام محرر الكتل، ولكنه يزيد أيضًا من حجم ملف CSS ويمكن أن يزيد من وقت تحميل الصفحة.
• تمكين هذا الخيار يسمح بذلكحظر CSS والأنماط العالميةيمكن إزالتها. ونتيجة لذلك، قد تكون صفحاتك أصغر ويتم تحميلها بشكل أسرع.

2. إن أمكن:

• إذا كنت لا تستخدم Gutenberg (محرر الكتل)أو إذا كنت تستخدم منشئ صفحات محددًا (Elementor، Divi، وما إلى ذلك)، فلن تحتاج إلى حظر CSS، لذلكتمكين وإزالةこ と が で き ま す.
• لم يتم إنشاء أي صفحات باستخدام Gutenberg، ま た はعند التحكم في الأنماط باستخدام CSS المخصصيمكن تقليل حجم الصفحة وتحسين الأداء من خلال تمكين هذا الخيار.

3. إذا لم يكن قابلا للتطبيق:

• أنا أستخدم جوتنبرجحالة أوالسمات التي تعتمد على كتلة CSS أو الأنماط العالميةأو المكونات الإضافية، يجب عليك تعطيل هذا. بمجرد إزالة هذه CSS،تصميم الصفحة مكسورهناك احتمال.
• خاصة إذا كنت تستخدم Gutenberg لتصميم صفحاتك أو منشوراتك، فبدون CSS هذا، لن يتم تطبيق الأنماط وسيتعرض تصميمك لخطر عدم العرض بشكل صحيح.

4. الإعدادات الموصى بها:

• إذا كنت لا تستخدم جوتنبرجは،تمكين وإزالةسيؤدي هذا إلى تحسين الأداء.
• عند استخدام جوتنبرجは،ترك تعطيلتأكد من أن هذا لا يفسد تصميمك.

ملخص:

• لا تستخدم جوتنبرج(إذا كنت تستخدم أداة إنشاء صفحات أخرى مثل Elementor)،"إزالة حظر WordPress باستخدام CSS"إنها فكرة جيدة لتمكين هذا لجعل الصفحة أخف وزنا.
• عند استخدام جوتنبرجمن أجل منع التصميم من الانهيار،تظل معطلةمن الآمن القيام بذلك.

أعتقد أنه يمكنك الآن اختيار أفضل الإعدادات.