كيفية جعل طلبات HTTP أقل في WordPress و GTmetrix YSlow

تحتاج إلى إجراء عدد أقل من طلبات HTTP على موقع WordPress الخاص بك?


هذا يعني أنك بحاجة إلى تقليل عدد العناصر (الطلبات) التي يتم تحميلها على موقعك.

جعل طلبات HTTP أقل

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

إجراء عدد أقل من طلبات HTTP هي توصية في GTmetrix و Pingdom وأدوات اختبار السرعة الأخرى. ستساعد التوصيات أدناه على تقليل الطلبات وجعل موقعك أسرع.

1. دمج أوراق الأنماط CSS + JavaScript

الجمع بين أوراق الأنماط CSS + JavaScript يعني أنك بحاجة إلى نسخ / لصق كل شيء في ملفات CSS في ملف واحد. يسمح هذا للمتصفحات بإجراء طلب واحد لملف CSS بدلاً من الطلبات المتعددة. تحتوي معظم المكونات الإضافية لذاكرة التخزين المؤقت على خيار دمج ملفات CSS + JavaScript.

الخطوة 1: في إعدادات المكون الإضافي لذاكرة التخزين المؤقت ، ابحث عن خيار الجمع بين CSS + JavaScript وتصغيره.

الخطوة 2: تمكين كل إعداد واحد في كل مرة ونتائج الاختبار في GTmetrix.

تصغير دمج ملفات CSS

تصغير دمج ملفات JavaScript

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

بدلاً من ذلك ، يمكنك دمج ملفات CSS يدويًا في WordPress ضمن Appearance > محرر السمة. يمكنك ببساطة نسخ المحتويات ولصقها في جميع الملفات في ملف CSS واحد.

وورد CSS ملفات

2. تعطيل الإضافات بشكل انتقائي

تعمل العديد من المكونات الإضافية عبر موقعك بالكامل ، حتى على الصفحات التي لا تحتاج إليها.

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

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

الخطوة 1: تثبيت Asset CleanUp أو بيرفماترز (كلاهما يتيح لك تعطيل المكونات الإضافية بشكل انتقائي).

الخطوة 2: قم بتحرير صفحة أو منشور ، وقم بالتمرير لأسفل إلى قسم Asset CleanUp ، وراجع ملفات CSS + JavaScript التي يتم تحميلها على الصفحة. يمكن أن تكون هذه من المكونات الإضافية أو المظاهر أو النصوص البرمجية الخارجية.

تعطيل النصوص الخارجية وورد

الخطوه 3: قم بتعطيل جميع المكونات الإضافية والطلبات التي لا تحتاجها في تلك الصفحة. يمكنك تعطيلها في صفحة واحدة ، عبر موقعك بالكامل ، حسب نوع المنشور ، أو استخدام RegEx (التعبيرات العادية) لتعطيلها في أنماط عناوين URL محددة. RegEx يتم تضمينه فقط مع Perfmatters أو Asset CleanUp Pro.

3. قم بتعطيل نصوص WooCommerce والأنماط وأجزاء سلة التسوق

من الطبيعي أن تنشئ مواقع WooCommerce المزيد من طلبات HTTP.

ليس فقط أنها تتطلب عادةً المزيد من المكونات الإضافية ، ولكنها أيضًا تقوم بتحميل برامج WooCommerce الإضافية, الأنماط, و شظايا عربة. تمامًا كما يمكنك تعطيل المكونات الإضافية بشكل انتقائي في الخطوة السابقة ، يمكنك أيضًا تعطيل طلبات WooCommerce بشكل انتقائي تحميل عبر موقعك بالكامل.

باستخدام Asset CleanUp أو Perfmatters ، قم بتعطيلها في الصفحات التي لا تحتاج إلى تحميلها:

تنظيف الأصول WooCommerce

بدلاً من ذلك ، يتيح لك Perfmatters تعطيلها بنقرة واحدة:

تحسين صناعة العطور

4. تجنب الإضافات CPU عالية

يمكن أن تولد المكونات الإضافية عالية وحدة المعالجة المركزية الكثير من طلبات HTTP.

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

الخطوة 1: تحقق من وجود مكونات إضافية بطيئة في GTmetrix Waterfall أو مراقب الاستعلام.

Slow-WordPress-Plugin

الخطوة 2: تجنب المكونات الإضافية العالية لوحدة المعالجة المركزية.

  1. اضف هذا
  2. برنامج AdSense Click Fraud Monitoring
  3. تقويم الأحداث متعدد الإمكانات
  4. النسخ الاحتياطي الأصدقاء
  5. بيفر باني
  6. أفضل WordPress جوجل XML خرائط المواقع
  7. مدقق الارتباط المكسور (استخدم Dr. Link Check)
  8. الاتصال المستمر لووردبريس
  9. نموذج الاتصال 7
  10. عرض جميع الإضافات 65 البطيئة

الخطوه 3: استبدل المكونات الإضافية البطيئة بمكونات إضافية أسرع وخفيفة الوزن. مطلوب البحث والاختبار.

5. استبدل الإضافات بالكود

يمكنك تجنب العديد من المكونات الإضافية عن طريق استبدالها بالكود.

أمثلة:

  • خطوط Google: استضافة خطوطك محليًا
  • رمز تتبع Google Analytics: أدخل يدويًا
  • جدول المحتويات: صممه يدويًا بتنسيق HTML + CSS
  • التغريدات المضمنة أو خرائط Google: التقط لقطة شاشة بدلاً من ذلك
  • أداة Facebook المضمنة: استبدلها بأداة Facebook الفعلية

دمج الإضافات يساعد أيضا. أحد الأمثلة الكلاسيكية هو استخدام WP Rocket الذي يأتي مع خطوط الاستضافة والتحليلات و Facebook Pixel محليًا ، وتحميل الصور ومقاطع الفيديو البطيئة وتنظيف قاعدة البيانات والتحميل المسبق والتحكم في ضربات القلب وتكامل كل من Cloudflare و CDNs المتعددة. مع ملحقات ذاكرة التخزين المؤقت الأخرى (نظرًا لأن معظمها لا يحتوي على هذه الميزات) ، ستحتاج إلى تثبيت 6-7 مكونات إضافية إضافية للحصول على تحسينات السرعة هذه ، عندما تكون مدمجة في WP Rocket.

6. القضاء على النصوص الخارجية

البرامج النصية الخارجية هي أي شيء يسحب الطلبات من مواقع الويب الخارجية.

يمكن دمج خطوط Google في ملف واحد. يمكن تحميل مقاطع الفيديو البطيئة واستبدال إطار iframe بصورة معاينة. يمكن تحسين العديد من البرامج النصية ، بينما لا يمكن تحسين البعض الآخر. فيما يلي بعض الأمثلة.

  • خطوط جوجل: دمج الخطوط واستضافتها محليًا باستخدام مكونات إضافية مثل WP Rocket و Autoptimize و OMGF و Self-Hosted Google Fonts و Asset CleanUp.
  • تحليلات كوكل: كود تتبع المضيف محليًا في WP Rocket / CAOS Analytics.
  • جوجل ادسنس: قم بتحميله بشكل غير متزامن وحاول Cloudflare Rocket Loader.
  • خرائط جوجل: التقاط صورة لخريطة Google وتضمين رابط لاتجاهات القيادة عندما ينقر الأشخاص على الصورة (يبدو هذا جيدًا مثل الخريطة)!
  • إدارة العلامات من Google: عادة ما تضر أكثر مما تنفع عند محاولة الجمع بين نصوص متعددة. يجب استخدامه فقط للمواقع الكبيرة غير المحسنة.
  • مقاطع فيديو مضمنة: استخدم WP Rocket أو WP YouTube Lyte لتحميل مقاطع الفيديو البطيئة واستبدال iframe بصورة معاينة (تعد مقاطع الفيديو عنصرًا ثقيلًا جدًا).
  • الحاجيات المضمنة + المشاركات: خذ لقطات شاشة بدلاً من تضمينها.
  • الفيسبوك بكسل: يمكن لـ WP Rocket إضافة التخزين المؤقت للمتصفح إلى Facebook Pixel.
  • الجرافات: لا شيء يعمل معي إلى جانب تعطيل Gravatars (لا يستخدمها WP Rocket على مدونتهم أيضًا). ولكن ، يمكنك تجربة Harrys أو FV أو Optimum Gravatar Cache ، أو محاولة كسر أو إخفاء التعليقات القابلة للتوسيع.
  • ملحقات المشاركة الاجتماعية: إنشاء طلبات سيئة السمعة من Facebook و Twitter والشبكات الاجتماعية لتحديث مثل التهم. جرب مكون إضافي أسرع مثل الصلصال الاجتماعي, Mashsharer, المفاجئة الاجتماعيةإضافة إلى أي, WP Social Sharing, أو حصة اجتماعية سهلة

7. دمج خطوط جوجل

يمكن دمج خطوط Google لإنشاء طلب واحد بدلاً من طلبات متعددة.

جوجل-الخطوط- GTmetrix

تحتوي المكونات الإضافية التالية على خيارات لتحسين خطوط Google:

  • صاروخ الفسفور الابيض
  • تنظيف الأصول
  • تحسين تلقائي
  • OMGF

ومع ذلك ، فإن أفضل طريقة هي استضافة خطوط Google محليًا. يتضمن هذا تنزيل خطوطك مباشرة من موقع خطوط Google على الويب مع الحد الأدنى من عدد الخطوط وأوزان الخطوط. بعد ذلك ، استخدم أداة مثل المتحول أو تحويل الخطوط إلى ملفات خطوط الويب. ستقوم بعد ذلك بتحميل ملفات خطوط الويب الجديدة إلى مجلد wp-content / uploads ، وإضافة الخط المخصص إلى CSS ، واختبار الخط للتأكد من أنه يعمل. مرة أخرى ، راجع هذا الرابط للحصول على برنامج تعليمي كامل.

Transfonter-Google-Font-Conversion

7. تصغير HTML و CSS و JavaScript

عادةً ما يتم تصغير الملفات بواسطة المكوّن الإضافي لذاكرة التخزين المؤقت (راجع الخطوة 1).

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

8. تحسين تسليم CSS

هذا يجب إصلاح تجميد الموارد العنصر في PageSpeed ​​Insights.

يجب أن يكون لكل من WP Rocket و Autoptimize والمكوِّنات الإضافية الأخرى خيارًا لتحسين توصيل CSS. ما عليك سوى الانتقال إلى إعداداتك والتأكد من تمكين ذلك ، ويجب إصلاحه.

تحسين تسليم CSS

9. تأجيل / تحميل ملفات JavaScript المدمجة بشكل غير متزامن

JavaScript غير متزامن يعني تحميل الملفات بعد تم الانتهاء من تنزيل الصفحة.

يمكن القيام بذلك باستخدام WP Rocket أو غير متزامن جافا سكريبت وينبغي إصلاح إزالة عنصر جافا سكريبت الذي يحظر العرض. يمنحك Async JavaScript التحكم الكامل في البرامج النصية التي تضيف إليها سمة “غير متزامن” أو “defer” ، بينما يقوم WP Rocket بإلغاء JavaScript تلقائيًا بنقرة واحدة.

ملفات JavaScript

10. تحميل كسول الفيديو

مقاطع الفيديو المضمنة هي موارد خارجية تنشئ طلبات HTTP.

يمكن أن يستغرق تحميلها أكثر من ثانيتين! بينما لا يمكنك القضاء عليها تمامًا ، يمكنك ذلك تأخير تحميل مقاطع الفيديو حتى يقوم المستخدمون بالتمرير لأسفل (تحميل بطيء) والنقر فوق زر التشغيل (تضمين خفيف).

لديك خياران هنا: يمكنك استخدام WP Rocket لتمكين التحميل الكسول واستبدال إطار iframe على YouTube بصورة المعاينة. ولكن إذا لم يكن لديك WP Rocket ، فيمكنك إما تجربة البرنامج المساعد WP YouTube Lyte أو اتبع هذا يشتمل البرنامج التعليمي على يوتيوب خفيف. كلاهما يعمل بشكل جيد.

إليك مثال (وفيديو رائع عن WordPress Speed):

11. إضافة CDN

يمكن أن تساعد شبكات CDN في تقليل عدد طلبات HTTP.

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

شبكات CDN متعددة = المزيد من مراكز البيانات = تسليم المحتوى بشكل أسرع والمزيد من تفريغ الموارد. يبدأ العديد من الأشخاص باستخدام Cloudflare ثم ينظرون في النهاية إلى StackPath عند استخدام شبكات CDN متعددة (أقوم حاليًا باستخدام كليهما). KeyCDN جيد أيضًا. وهذا ما يسمى “سلسلة” شبكات CDN.

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

شبكات CDN متعددة

12. تقليل عمليات إعادة التوجيه

يمكن أن تؤدي عمليات إعادة التوجيه غير الضرورية إلى طلبات HTTP إضافية.

ستحتاج إلى إلقاء نظرة على تقرير GTmetrix لمعرفة سبب هذا الخطأ. هل يتم إنشاؤه بواسطة نص خارجي أو مكون إضافي على موقعك؟ هل حاولت تحسين هذا البرنامج النصي أو تبحث عن مكون إضافي خفيف الوزن؟ هل لأنك غيرت إصدار نطاقك إلى إصدار غير WWW أو HTTPS ولكنك لم تقم بتحديث جميع الروابط / الصور على موقعك لتعكس الإصدار الجديد?

تقليل أخطاء إعادة التوجيه

أسباب شائعة

  • الإضافات السيئة
  • مخطوطات خارجية
  • تم التغيير إلى WWW مقابل غير WWW ولكن لم يتم تحديث الروابط
  • تم التغيير إلى HTTPS مقابل غير HTTPS ولكن لم يتم تحديث الروابط

13. تحسين الصور

لتقليل طلبات HTTP التي تسببها الصور ، هناك 3 طرق أساسية لتحسين الصور:

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

تحسين الصور (الضغط بدون فقد): استخدم مكونًا إضافيًا مثل ShortPixel (مستحسن) أو Smush أو Imagify لضغط الصور. على الرغم من أن هذه المكونات الإضافية تقول أنها بدون فقدان ، قد تلاحظ في بعض الأحيان خسارة صغيرة في الجودة. هذا هو السبب في أنه من الأفضل الاحتفاظ بنسخة احتياطية من صورك واختبار اثنين منها قبل تحسين جميع الصور على موقع الويب الخاص بك ، للتأكد من أنك راضٍ عن الجودة.

حدد أبعاد الصورة: أضف عرضًا + ارتفاعًا إلى HTML أو CSS للصورة. يتم ذلك تلقائيًا في Visual Editor ، ولكن ليس HTML مخصصًا ، وبعض منشئي الصفحات ، وربما مناطق أخرى من موقع WordPress الخاص بك. سيعرض لك GTmetrix الصور التي تحتوي على هذه الأخطاء ويزودك بأبعادها الصحيحة. لإصلاح الخطأ ، ستحتاج إلى تحديد موقع الصورة في لوحة تحكم WordPress الخاصة بك ، وتحرير HTML أو CSS ، ثم إضافة العرض + الارتفاع.

لا تزال بحاجة إلى جعل طلبات HTTP أقل?

إذا كنت لا تزال بحاجة إلى مساعدة ، فاترك لي تعليقًا. ال WordPress تسريع Facebook Group مفيد أيضًا ، أو يمكنك الاستعانة بنا لخدمات WordPress السريعة قبل + بعد تقارير GTmetrix.

WordPress تسريع Facebook Group

أسئلة مكررة

&# x1f680 ؛ ما الذي يسبب طلبات HTTP?

طلبات HTTP هي أي شيء ينشئ طلبًا للخادم (على سبيل المثال ، تنشئ صورة واحدة طلبًا واحدًا). تخبرك علامة تبويب الشلال في GTmetrix بجميع الطلبات التي يتم تحميلها على الصفحة.

&# x1f680 ؛ ما هي 5 أشياء يمكنك تقليلها لطلبات HTTP?

5 أشياء سهلة يمكنك القيام بها هي دمج ملفات CSS + JavaScript ، صور ومقاطع فيديو بطيئة التحميل ، وتجنب قائمتنا من المكونات الإضافية العالية لوحدة المعالجة المركزية ، وتعطيل المكونات الإضافية بشكل انتقائي من صفحات / مشاركات معينة باستخدام Perfmatters أو Asset CleanUp ، وتحسين خطوطك.

&# x1f680 ؛ هل سيساعد البرنامج الإضافي لذاكرة التخزين المؤقت في تقليل طلبات HTTP?

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

&# x1f680 ؛ سيؤدي إصلاح عناصر GTmetrix الأخرى إلى تقليل طلبات HTTP?

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

&# x1f680 ؛ ما هو المكون الإضافي لذاكرة التخزين المؤقت الذي يقلل طلبات HTTP بشكل أكبر ، وكيفية تكوينه?

أوصي بـ WP Rocket الذي تم تصنيفه رقم 1 في معظم استطلاعات الرأي على Facebook ولديه ميزات تحسين سرعة أكبر من معظم المكونات الإضافية لذاكرة التخزين المؤقت ، وهذا هو السبب في أنه ينتج عادةً نتائج أفضل وأوقات تحميل في GTmetrix. تحقق من البرنامج التعليمي الخاص بي حول تكوين إعدادات WP Rocket.

شكرا للقراءة :)

في صحتك,
توم

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map