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

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

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

لماذا يجب تقليل طلبات HTTP في ووردبريس؟

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

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

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

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

منشور ذو صلة: الدليل الشامل لتعزيز سرعة وأداء ووردبريس

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

كيفية تحديد طلبات HTTP

قبل أن نشرح لك كيفية تقليل طلبات HTTP في ووردبريس، دعنا نستعرض كيفية تحديدها.

يمكنك بسهولة عرض طلبات HTTP التي يرسلها موقعك باستخدام أدوات المطور في متصفحك. سيعرض لك هذا قائمة بالملفات التي يجب تحميلها لعرض صفحة الويب.

في جوجل كروم، على سبيل المثال، يمكنك فتح أدوات المطور بالانتقال إلى View » Developer » Inspect.. يمكنك أيضًا النقر بزر الماوس الأيمن على الصفحة واختيار ‘Inspect’ من القائمة.

ثم انتقل إلى علامة التبويب ‘Network’. أعد تحميل الصفحة، وسترى قائمة بجميع الموارد المحملة، بما في ذلك طلبات HTTP الداخلية والخارجية.

لعرض طلبات HTTP الخارجية فقط، يمكنك استخدام فلتر ‘3rd-party requests’. إذا كنت ترغب فقط في رؤية أنواع محددة من الملفات التي قد تؤثر على أوقات التحميل، مثل JS (JavaScript) أو CSS، فما عليك سوى استخدام الأزرار الموجودة في الأعلى لتصفية القائمة.

انتبه للملفات بطيئة التحميل. يمكنك الاطلاع على عمود ‘Time’ لمعرفة المدة التي يستغرقها تحميل كل مورد. بعد ذلك، يمكنك النقر على عنوان هذا العمود لفرز القائمة حسب الوقت، وعند النقر عليه مرة أخرى، ستظهر الملفات الأبطأ تحميلًا في الأعلى.

عند النظر إلى عمود ‘Initiator’ الرابع، سترى أحيانًا اسم الإضافة أو القالب الذي حمل الملف. دون أي إضافات أو قوالب تطلب ملفات بطيئة التحميل.

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

مع الأخذ في الاعتبار ما سبق، إليك بعضًا من أفضل الطرق لتقليل طلبات HTTP في ووردبريس، مما يؤدي إلى أوقات تحميل أسرع، وتحسين تجربة المستخدم، وتحسين ترتيب محرك البحث:

دعونا نبدأ!

1. دمج ملفات CSS وJavaScript

أفضل طريقة لتقليل عدد طلبات HTTP المرسلة إلى موقعك الإلكتروني هي تقليل عدد الملفات التي تحتاج إلى الوصول إليها. يمكنك دمج ملفات متعددة لتقليل طلبات HTTP دون أي فقدان للوظائف.

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

وبالمثل، يمكنك دمج ملفات JavaScript متعددة في ملف واحد، مما يقلل عدد الطلبات اللازمة لتحميل العناصر التفاعلية لموقعك الإلكتروني.

يمكن للعديد من إضافات ووردبريس أتمتة هذه العملية نيابة عنك. من الخيارات الشائعة WP Rocket (النسخة المدفوعة) وAutoptimize (المجانية).

للحصول على معلومات مفصلة حول كيفية استخدام هذه الإضافات، راجع دليلنا حول كيفية إصلاح ثغرات JavaScript وCSS التي تعيق العرض في ووردبريس.

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

2. صور ومقاطع فيديو التحميل البطيء

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

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

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

ستساعدك هذه البرامج التعليمية المفيدة على تعلم كيفية إعداد التحميل الكسول على موقع ووردبريس الخاص بك:

• كيفية تحميل الصور ببطء في ووردبريس بسهولة
• كيفية إضافة التحميل الكسول لمقاطع الفيديو في ووردبريس بسهولة
• كيفية تحميل الصور الرمزية ببطء في تعليقات ووردبريس

3. استخدم نظام توصيل المحتوى (CDN)

يعد استخدام شبكة توصيل المحتوى (CDN) استراتيجية فعالة أخرى لتحسين سرعة تحميل موقع ووردبريس الخاص بك، خاصة للمستخدمين البعيدين عن سيرفر الويب.

على عكس الطرق السابقة، لا تقلل شبكة CDN من عدد طلبات HTTP، بل تحسن طريقة التعامل معها.

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

قد ترغب بالاطلاع على مقارنتنا الخبيرة لـ أفضل خدمات CDN ووردبريس لمعرفة الخيار الأنسب لموقعك الإلكتروني.

في DoctorMega، نستخدم Cloudflare لتحسين سرعة تحميل صفحاتنا، ويمكنك اتباع دليلنا خطوة بخطوة حول كيفية إعداد كلاود فلير CDN المجانية في ووردبريس.

4. الاستفادة من التخزين المؤقت للمتصفح

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

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

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

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

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

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

5. تقليل استخدام الموارد الخارجية

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

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

حتى لو كانت هذه الموارد الخارجية محسنة للسرعة، فإن الإفراط في استخدامها قد يبطئ أداء موقعك الإلكتروني.

لتقليل طلبات HTTP الخارجية هذه، يمكنك البدء بتعطيل وحذف الإضافات والقوالب التي لا تحتاجها بالفعل.

ينبغي عليك أيضًا التفكير في إيجاد بدائل لأي إضافات أو قوالب تطلب ملفات بطيئة التحميل. ربما لاحظت بعضًا منها عند تحديد طلبات HTTP سابقًا.

وعند اختيار إضافات ووردبريس، انتبه للموارد الخارجية التي تحملها. ينصح باختيار الإضافات التي تعطي الأولوية للأداء وتجنب تلك التي تحمل أسكربتات أو أستايلات خارجية مفرطة.

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

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

في DoctorMega، انتقلنا إلى خطوط النظام في عام 2020، مما حسن أوقات تحميل صفحاتنا، خاصة للمستخدمين الذين لديهم اتصالات إنترنت بطيئة. يمكنك تعلم كيفية القيام بذلك في دليلنا حول كيفية تعطيل خطوط جوجل على موقع ووردبريس الخاص بك.

6. مكافأة: تمكين ضغط Gzip

النصيحة الأخيرة هي تمكين ضغط GZIP لتقليل حجم الملفات على سيرفر الويب الخاص بك.

مع أن هذا لا يقلل مباشرة من عدد طلبات HTTP، إلا أنه يسرع العملية ويسهل نقل ملفات موقعك الإلكتروني.

💡 هل يبدو تحسين طلبات HTTP وسرعة صفحات ووردبريس أمر مرهق؟ فكر في الاستعانة بالمحترفين!

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

أدلة الخبراء المتعلقة بتحسين أداء ووردبريس

نأمل أن يكون هذا البرنامج التعليمي قد ساعدك على تعلم كيفية تقليل طلبات HTTP في ووردبريس. قد ترغب أيضًا بالاطلاع على أدلة أخرى لتحسين أداء ووردبريس:

• لماذا ووردبريس بطيء؟ تعلم كيفية إصلاحه مع 11 نصيحة من خبرائنا
• كيفية تحسين الصور لتحسين أداء الويب دون التأثير على جودتها
• كيف يمكن لـ PHP وMySQL تعزيز سرعة الموقع الإلكتروني (دليل المبتدئين)
• كيفية إجراء اختبار سرعة الموقع الإلكتروني بشكل صحيح
• كيفية اختبار إجهاد موقع ووردبريس
• كيفية تجنب الأحمال الهائلة على الشبكة في ووردبريس (8 نصائح من الخبراء)
• كيفية استخدام إضافة GTmetrix لتحسين أداء موقع ووردبريس

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