17 نصيحة فعالة لتقليل وقت تحميل صفحة المدونة
نشرت: 2020-11-10تخيل زيارة موقع استغرق تحميل كل صفحة فيه عدة ثوانٍ.
محبط ، أليس كذلك؟
الحقيقة هي أن العديد من المدونين يتجاهلون سرعة تحميل موقعهم على الويب لأنهم يقومون بتحميل عناصر مرئية رائعة - من دوارات الصور إلى الأدوات التفاعلية.
هذه ليست الطريقة لإقناع جمهورك.
ما يحتاجون إليه هو مدونة يتم تحميلها بسرعة ، وتزيد من قابلية القراءة ، وتوفر المعلومات التي يريدونها برونتو.
دعونا نناقش كيفية منحهم ما يريدون.
الدليل النهائي لمدونة تحسين سرعة التحميل
- 1. لماذا تعتبر سرعة تحميل الصفحة مهمة
- 1.1 الاحتفاظ بالمزيد من حركة المرور
- 1.2 زيادة التحويلات
- 1.3 أعلى تصنيفات محرك البحث
- 2. كيفية اختبار سرعة تحميل الموقع
- 3. كيفية تقليل وقت تحميل المدونة
- 3.1 إزالة الإضافات غير المرغوب فيها
- 3.2 ابحث عن الإضافات التي تقدم المزيد
- 3.3 ترقية خطة الاستضافة الخاصة بك
- 3.4 اختر موضوعًا أفضل
- 3.5 تحسين صورك
- 3.6 تعطيل Hotlinking
- 3.7 الاستثمار في CDN
- 3.8 تصغير الرموز الخاصة بك
- 3.9 تجنب موارد حظر العرض
- 3.10 تقليل عدد المنشورات على صفحتك الرئيسية
- 3.11 لا تغمر القراء بالإعلانات
- 3.12 تنظيف الخادم الخاص بك
- 3.13 تمكين التخزين المؤقت لموقع الويب
- 3.14 استخدام ضغط GZIP
- 3.15 تحسين قاعدة بيانات موقع الويب الخاص بك
- 3.16 تحسين تعليقات المستخدم
- 3.17 التركيز على التحسين في أهم صفحاتك
- 4. الخلاصة
لماذا تعتبر سرعة تحميل الصفحة مهمة
بالإضافة إلى تحسين تجربة المستخدم ، تتمتع سرعة التحميل السريع أيضًا بالعديد من الفوائد من وجهة نظر التسويق.
الاحتفاظ بالمزيد من حركة المرور
تظهر الإحصائيات أن حوالي 40 بالمائة من المستخدمين سيتركون موقعًا يفشل في التحميل في ثلاث ثوانٍ أو أقل. يقفز هذا الرقم إلى 53 بالمائة إذا كنا نتحدث عن مستخدمي الهاتف المحمول.

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

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

- حفظ
إذا لم تكن معتادًا على مصطلح تحسين محركات البحث ( SEO) أو تحسين محرك البحث ، أقترح عليك البدء في التعلم باستخدام هذا المنشور.
في الوقت الحالي ، اسمح لي أن أوضح لك الخطوة التالية لتحقيق أداء متميز للمدونة: قياس سرعة التحميل الفعلية لمدونتك.
كيفية اختبار سرعة تحميل الموقع
قد تعتقد أن موقع الويب الخاص بك يعمل بالفعل بالسرعة الكافية ، ولكن فقط أداة مثل PageSpeed Insights من Google يمكنها إثبات ذلك.
ببساطة ، إنها أداة لتحسين الأداء تقوم بتحليل سرعة موقع الويب الخاص بك ، وتكتشف المشكلات التي تؤثر على السرعة ، وتوفر قائمة من الاقتراحات إلى جانب الموارد المفيدة.
لاستخدام PageSpeed Insights ، امض قدمًا وأدخل عنوان URL لمدونتك وانقر فوق "تحليل".

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

- حفظ
يمكنك أيضًا استخدام PageSpeed Insights لأداء الجوال بالتبديل إلى علامة التبويب "الجوال" . يجب أن تقدم لك الأداة فورًا تقريرًا مختلفًا يعكس أداء مدونتك على الهواتف الذكية والأجهزة اللوحية.

- حفظ
وجدت درجات السرعة الخاصة بك حتى الآن؟
من الآن فصاعدًا ، أنصحك باستخدامها كوسيلة أساسية لقياس أداء موقع الويب الخاص بك.
هدفك بسيط: إجراء العديد من التحسينات حسب الحاجة للوصول إلى النهاية "السريعة" لمقياس درجة السرعة.
اسمحوا لي أن أريكم ما أتحدث عنه.

- حفظ
قد تقرأ في مكان ما أن درجة سرعة لا تقل عن 85 جيدة بما يكفي ، وهذا صحيح تمامًا نظرًا لأنه حتى المواقع الكبيرة مثل Facebook لديها درجات أقل من 90.

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

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

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

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

- حفظ
بصرف النظر عن التعارضات بين المكونات الإضافية المتشابهة ، قد تتسبب بعض المكونات الإضافية - خاصة تلك التي لم يتم اختبارها في الإصدار الحالي من WordPress - في جعل لوحة التحكم الخاصة بك غير صحيحة.
يمكنك تجنب ذلك عن طريق تثبيت مكون إضافي واحد في كل مرة مع تجنب المكونات الإضافية " غير المختبرة ".

- حفظ
إذا واجهت أوقات تحميل أطول أو أعطال أو مشاكل أخرى على لوحة معلومات WordPress الخاصة بك ، فقم بإلغاء تنشيط آخر مكون إضافي قمت بتثبيته. إذا استمرت المشكلة ، فمن المحتمل أن يكون سببها مكون إضافي آخر.
هذا عندما يمكنك إلغاء تنشيط جميع المكونات الإضافية وتشغيلها واحدة تلو الأخرى حتى تجد الجاني. بمجرد القيام بذلك ، فكر في البحث عن مكون إضافي بديل أو تحديثه إلى أحدث إصدار.
2. ابحث عن الإضافات التي تقدم المزيد
أثناء وجودنا على المكونات الإضافية ، دعنا نحصل على كلمة سريعة حول خيارات المكون الإضافي الخاص بك.
في WordPress ، كلما قل عدد الإضافات ، كان ذلك أفضل.
قدر الإمكان ، ابحث عن المكونات الإضافية التي يمكنها ارتداء العديد من القبعات بدلاً من تثبيت واحدة جديدة لكل ميزة تريد تنفيذها.
على سبيل المثال ، بدلاً من استخدام مكونات إضافية منفصلة لنماذج الاتصال ، وتقييمات النجوم ، والمراجعات ، وتصميم الصفحة المقصودة ، ما عليك سوى استخدام مكون إضافي مثل Elementor Page Builder الذي يدمج كل هذه الميزات في واحد.

- حفظ
بعد التخلص من المكونات الإضافية الزائدة من نظام إدارة المحتوى الخاص بك ، دعنا نلقي نظرة على عامل آخر قد يتسبب في تشغيل موقع الويب الخاص بك ببطء.
3. قم بترقية خطة الاستضافة الخاصة بك
بالنسبة للمدونين الجدد ، من الصعب حقًا مقاومة خطة استضافة بقيمة دولار واحد لموقعك على الويب.
ولكن بمجرد أن تبدأ في توليد المئات ، إن لم يكن الآلاف ، من الزوار شهريًا ، فسوف تفهم لماذا تقدم شركات الاستضافة خططًا عند نقطة السعر هذه.
التباطؤ المتكرر ، وأوقات التعطل ، ودعم العملاء الضعيف - هذه بعض الجوانب السلبية لاختيار حل استضافة ويب رخيص. ويرجع ذلك أساسًا إلى أن خدمات الاستضافة بدولار واحد تستخدم عادةً أجهزة خادم أساسية ضعيفة القوة.
"إذا كنت جادًا بشأن التدوين ، فإن موقع الويب الخاص بك يستحق شيئًا أفضل من أرخص خطة استضافة." - عنكيت سنغلا
قم ببحثك وابحث عن شركات استضافة الويب مدعومة بالكثير من التقييمات الإيجابية ، مثل:
- BlueHost
- HostGator
- SiteGround
- استضافة WPX
عندما تكون في شك ، يمكنك استخدام أداة مثل Pickuphost لاختبار سرعة أي مضيف تفكر فيه. كل ما عليك فعله هو اختيار موفر الاستضافة من القائمة المنسدلة ، وتحديد موقع الخادم ، والنقر فوق "بدء الاختبار".
من الناحية المثالية ، يجب عليك اختيار موقع الخادم بالقرب من جمهورك المستهدف.

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

- حفظ
المفتاح هنا هو البحث عن السمات غير المرصعة بتفاصيل مرئية غير ضرورية ، مثل منزلقات الصور والرسوم المتحركة وتأثيرات CSS.
يمكنك التحقق من هذه العناصر بنفسك من خلال معاينة السمات ، وهي ميزة أساسية في معظم أسواق السمات ، بما في ذلك دليل سمة WordPress.

- حفظ
تعد موضوعات Genesis الفرعية من Studiopress من بين السمات المفضلة لدي في WordPress. إنها توفر العشرات من السمات البسيطة والمتوافقة مع الأجهزة المحمولة والمتوافقة أيضًا مع محرر Gutenberg ، وهو محرر المحتوى الافتراضي لـ WordPress الإصدار 5.0 والإصدارات الأحدث.
الأهم من ذلك ، ستساعدك هذه السمات على تحقيق سرعات تحميل أسرع لموقعك.
لمعرفة المزيد حول موضوعات Genesis وفوائدها ، يجب عليك بالتأكيد التحقق من هذه المراجعة.
5. تحسين الصور الخاصة بك
لا يتم دمج جميع العناصر المرئية التي تؤثر على أداء موقع الويب الخاص بك في موضوعك.
كل صورة تقوم بتحميلها إلى موقع الويب الخاص بك ، سواء كان ذلك شعار موقع الويب الخاص بك ، أو الصور المميزة ، أو الأزرار ، أو الرسوم البيانية ، تضخم متطلبات النطاق الترددي لمدونتك وبالتالي تؤثر على الأداء.
ولكن نظرًا لأن المحتوى المرئي أمر لا بد منه في كل مدونة ، فلا يمكنك التوقف عن نشر مشاركاتك بالصور أيضًا. بدلاً من ذلك ، يمكنك استخدام أداة ضغط الصور مثل Kraken.io لتقليل حجم صورك دون أي تغييرات ملحوظة في الجودة.

- حفظ
يأتي Kraken.io مزودًا بأداة ضغط بدون فقدان بيانات قائمة على السحابة يمكنها تحسين الصور بكميات كبيرة. ما عليك سوى سحب وإفلات صورك في الأداة أو تحميل مجلد مضغوط لبدء عملية الضغط.
لا تنس ضبط وضع الضغط على " Lossless " حتى لا تبدو الصور النهائية ضبابية.

- حفظ
للمدونين المستضافين ذاتيًا ، يمكنك زيادة سرعة WordPress باستخدام مكون إضافي مثل WP Smush لضغط جميع الصور في مكتبة الوسائط الخاصة بك دفعة واحدة. ما عليك سوى النقر فوق "Smush" من لوحة القيادة و "Bulk Smush Now" للبدء.

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

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

- حفظ
6. تعطيل الربط السريع
حتى مع وجود ضغط بلا فقدان في المكان ، لا يزال بإمكان صورك زيادة موارد الخادم وإبطاء موقعك بسبب الارتباط السريع.
هذه ممارسة شائعة حيث يرتبط موقع آخر مباشرة بصورتك أو ملفك - مما يسمح لهم بعرض هذه الموارد على صفحتهم الخاصة.
بالتأكيد ، مشاركة المحتوى الخاص بك على مواقع الويب الأخرى أمر رائع عند القيام به بالطريقة الصحيحة. ولكن مع الارتباط السريع ، تستخدم هذه المواقع في النهاية النطاق الترددي الذي دفعته مقابل سحب المحتوى من موقعك.
لهذا السبب يُشار إلى الارتباط الساخن أيضًا على أنه سرقة النطاق الترددي .
يمكنك إيقاف الربط السريع نهائيًا عن طريق إضافة الكود التالي إلى "ملف .htaccess" الخاص بك:
تشغيل gzip
gzip_disable “msie6” ؛
gzip_vary على ؛
gzip_proxied أي ؛
gzip_comp_level 6 ؛
gzip_buffers 16 8 كيلو ؛
gzip_http_version 1.1 ؛
gzip_types application / javascript application / rss + xml application / vnd.ms-fontobject application / x-font application / x-font-opentype application / x-font-otf application / x-font-truetype application / x-font-ttf application / x-javascript application / xhtml + xml application / xml font / opentype font / otf font / ttf image / svg + xml image / x-icon text / css text / javascript text / normal text / xml؛
بالنسبة لأولئك الذين لا يعرفون مكان العثور على ملف .htaccess الخاص بموقعهم على الويب ، يمكن العثور عليه في لوحة تحكم حساب الاستضافة الخاص بك.
ما عليك القيام به هو البحث عن " مدير الملفات " الخاص بخدمة الاستضافة والانتقال إلى المجلد الجذر لموقع الويب الخاص بك. يجب أن يكون ملف .htaccess الخاص بك موجودًا هناك مباشرةً مع رمز يشبه المفكرة:

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

- حفظ
تمامًا مثل مضيفي الويب ، يجب أن تكون حذرًا عند اختيار CDN لمدونتك.
لا تقلق - لقد أنشأت قائمة بأفضل خدمات CDN لمدونة WordPress التي يمكنك استخدامها.
يمكنني أن أؤكد شخصيًا على MaxCDN ، والذي يعد ، إلى حد بعيد ، من بين أفضل شبكات CDN من حيث التكلفة والميزات.
8. تصغير الرموز الخاصة بك
صورك ليست هي الأشياء الوحيدة التي يمكن أن تزيد من متطلبات النطاق الترددي لموقع الويب الخاص بك.
يمكن أيضًا أن تساهم أكواد مثل HTML و CSS و JavaScript في حجم صفحات الويب الخاصة بك.
المأزق؟ قم بتصغيرها عن طريق إزالة أي أحرف غير ضرورية داخل الكود ، مثل المسافات البيضاء والأسطر الإضافية والتعليقات.
لا تؤثر هذه الأحرف بأي شكل من الأشكال على وظيفة الكود ، لكنها تزيد من حجم ملفه. بدورها ، ستستغرق المتصفحات وقتًا أطول لتنزيل الشفرة وتشغيلها عند تحميل صفحتك.

- حفظ
انتظر لحظة - هل هذا يعني أنه يجب عليك مراجعة كل رمز على موقعك لإزالة الأحرف غير الضرورية واحدًا تلو الآخر؟
هدء من روعك.
تمامًا كما هو الحال مع ضغط الصور ، هناك أدوات يمكنك استخدامها لأتمتة هذه العملية.
Minify Code ، على سبيل المثال ، هي أداة مجانية يمكنها تقليم الرموز الخاصة بك في غضون ثوان. إنه يعمل مع أي ملفات JavaScript و CSS و HTML قد تكون لديك على موقع الويب الخاص بك.

- حفظ
إذا كنت تستخدم WordPress ، فإن البديل هو استخدام مكون إضافي مثل W3 Total Cache ، والذي يمكنه تقليل أصول التعليمات البرمجية في ضربة واحدة.
بمجرد التثبيت ، انقر فوق "الأداء" من لوحة القيادة الرئيسية وانقر فوق "تصغير" لعرض خياراتك.

- حفظ
أوصي بتشغيل الإعدادات التالية لتحسين كود موقع الويب الخاص بك لتحسين الأداء:

- HTML تصغير الإعدادات
- JS تصغير الإعدادات
- تصغير CSS الإعدادات

- حفظ
اقرأ هذا البرنامج التعليمي W3 Total Cache للتعرف على جميع الإعدادات المثلى.
9. تجنب موارد حظر العرض
نظرًا لأننا نتحدث عن موضوع الأكواد ، فلنتعمق في المزيد من الأشياء المتقدمة.
إذا قمت بتشغيل PageSpeed Insights وتم إخبارك "بإزالة موارد حظر العرض" ، فقد تحتاج إلى جعل يديك متسخين ببعض الترميز من أجل زيادة أداء مدونتك إلى أقصى حد.

- حفظ
باختصار ، موارد حظر العرض عبارة عن أكواد تعيق تحميل محتوى HTML الأساسي لموقع الويب. وهذا يعني أن شعارك وقوائمك ومشاركاتك والعناصر الأساسية الأخرى لصفحتك لن يتم تحميلها ما لم يتم تحميل الموارد التي بها مشكلات.
يمكن أن تكون موارد حظر العرض عبارة عن أوراق أنماط ، وواردات HTML ، ونصوص برمجية متنوعة. يجب أن تزودك PageSpeed Insights بقائمة كاملة بهذه الرموز:

- حفظ
للتعامل مع موارد حظر العرض ، فإن أسهل خطوة هي نقل JavaScript إلى أسفل HTML لموقع الويب الخاص بك - قبل علامة الإغلاق "</body>" مباشرةً.
يمكنك أيضًا استخدام السمة "تأجيل" لتحميل النص فقط بعد تحميل HTML بالكامل. يمكن القيام بذلك عن طريق إدراج defer = ”defer” داخل علامة “<script>”.

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

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

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

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

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

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

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

- حفظ
إذا كانت مساحة حساب الاستضافة الخاص بك منخفضة ، فإليك بعض الأشياء التي يمكنك القيام بها:
- نقل النسخ الاحتياطية إلى محرك أقراص محلي
تميل مواقع الويب القديمة إلى تخزين عدد غيغا بايت من النسخ الاحتياطية في خادم الاستضافة. يعد تنزيلها على محرك أقراص محلي وحذفها من الخادم طريقة رائعة لتفريغ مساحة. - حذف الحسابات غير النشطة
إذا كانت لديك حسابات غير نشطة في خطة الاستضافة الخاصة بك ، فقم بإزالتها للأبد لتوفير مساحة كبيرة على القرص. نظرًا لأن هذه عملية لا رجوع فيها ، ففكر في إنشاء نسخة احتياطية محلية من الحساب أولاً قبل الحذف. - حذف ملفات .TMP
قد تنشئ منصة موقع الويب أو CMS ملفات مؤقتة من مهام مثل تحديثات المكون الإضافي وتتبع بيانات الجلسة. يجب أن يكون حذفها آمنًا ، ولكن لن يضر إنشاء نسخة احتياطية دون اتصال لمجلد "tmp" لأغراض تتعلق بالسلامة أيضًا.
عندما تكون في شك ، اتصل بدعم عملاء موفر خدمة الاستضافة لمعرفة كيفية توفير مساحة القرص.
13. تمكين التخزين المؤقت لموقع الويب
ضغط الصور ، وتقليل الكود ، وتقليل الإعلانات ، وتصفية حساب الاستضافة الخاص بك - يجب أن تكون سرعة تحميل موقع الويب الخاص بك أسرع من أي وقت مضى مع هذه الاستراتيجيات.
لكن لا تسترخي بعد. لا يزال لدينا بعض الاستراتيجيات الأخرى للمناقشة والتي ستزيد من سرعة تحميل موقع الويب الخاص بك بشكل أكبر.
باستخدام التخزين المؤقت لموقع الويب ، يمكن تحميل مدونتك على الفور تقريبًا للزائرين العائدين.
يعمل التخزين المؤقت لموقع الويب عن طريق تمكين التخزين المؤقت للبيانات ، بما في ذلك البرامج النصية والصور وملفات الوسائط وأشكال أخرى من المحتوى القابل للتنزيل - وبالتالي ، تقليل عدد طلبات HTTP التي يتعين على المتصفح إجراؤها.
لتنفيذ التخزين المؤقت لموقع الويب ، تتمثل الطريقة الطويلة في إدخال الكود التالي مباشرةً في الجزء العلوي من ملف htaccess الخاص بموقعك على الويب:
## انتهاء التخزين المؤقت ##
<IfModule mod_expires.c>
انتهاء الصلاحية
ExpiresByType image / jpg “access 1 year”
ExpiresByType image / jpeg "وصول لمدة عام"
ExpiresByType image / gif "وصول لمدة عام"
ExpiresByType image / png "وصول لمدة عام"
ExpiresByType text / css “وصول شهر واحد”
ExpiresByType text / html "وصول شهر واحد"
ExpiresByType application / pdf "وصول شهر واحد"
ExpiresByType text / x-javascript “وصول شهر واحد”
تطبيق ExpiresByType / x-shockwave-flash "دخول شهر واحد"
ExpiresByType image / x-icon “وصول لمدة عام”
انتهاء الصلاحية الافتراضي "الوصول لمدة شهر واحد"
</IfModule>
## انتهاء التخزين المؤقت ##
إذا أردت ، يمكنك تعيين حدود زمنية مختلفة قبل انتهاء صلاحية بعض ذاكرات التخزين المؤقت. على سبيل المثال ، إذا كنت تريد تقليل وقت انتهاء صلاحية ذاكرة التخزين المؤقت لصور PNG إلى شهر واحد ، فما عليك سوى تعديل سطر "ExpiresByType image / png" إلى:
ExpiresByType image / png "وصول لمدة شهر واحد "
مرة أخرى ، يمكن لمستخدمي WordPress استخدام الأدوات لجعل استراتيجية التحسين هذه نسيمًا. في الواقع ، لقد مررنا بالفعل بالمكون الإضافي الذي تحتاجه - W3 Total Cache.
وبالعودة إلى "الأداء" القائمة الفرعية من لوحة القيادة وورد الخاص بك، رئيس لأكثر 'صفحة ذاكرة التخزين المؤقت' وضع علامة في "ذاكرة التخزين المؤقت المشاركات الصفحة" مربع.

- حفظ
14. استخدم ضغط GZIP
قبل إغلاق W3 Total Cache والمتابعة مع آخر الاستراتيجيات المتبقية في هذا الدليل ، هناك شيء آخر يجب عليك القيام به.
من القائمة الفرعية "Performance" ، توجه إلى "Browser Cache" وحدد الخيار "Enable HTTP (gzip) compression" .

- حفظ
يعمل ضغط GZIP على تحسين سرعة تنزيل الملفات النصية عن طريق تقليل حجمها - لا يختلف كثيرًا عن عملية ضغط الملفات المحلية في مجلد مضغوط. السبب الرئيسي وراء اعتماد ضغط GZIP على نطاق واسع لتحسين سرعة موقع الويب هو أنه مدعوم أصلاً بواسطة HTTP من الإصدار 1.1 وما بعده.
إذا كنت لا تستخدم WordPress أو أي نظام أساسي آخر به إضافات متعلقة بـ GZIP ، فستحتاج إلى تمكينه باستخدام الطريقة التقليدية: تعديل ملف htaccess الخاص بموقعك .
نظرًا لأنك تعرف بالفعل مكان العثور على ملف htaccess الخاص بك ، فكل ما تبقى هو الكود الذي ينشط ضغط GZIP على موقع الويب الخاص بك.
اذهب - انسخ والصق.
خوادم اباتشي
<IfModule mod_deflate.c>
# ضغط HTML و CSS و JavaScript والنص و XML والخطوط
AddOutputFilterByType DEFLATE application / javascript
AddOutputFilterByType DEFLATE application / rss + xml
AddOutputFilterByType DEFLATE application / vnd.ms-fontobject
AddOutputFilterByType DEFLATE application / x-font
AddOutputFilterByType DEFLATE application / x-font-opentype
AddOutputFilterByType DEFLATE application / x-font-otf
AddOutputFilterByType DEFLATE application / x-font-truetype
AddOutputFilterByType DEFLATE application / x-font-ttf
AddOutputFilterByType DEFLATE application / x-javascript
AddOutputFilterByType DEFLATE application / xhtml + xml
AddOutputFilterByType DEFLATE application / xml
AddOutputFilterByType DEFLATE font / opentype
AddOutputFilterByType DEFLATE الخط / otf
AddOutputFilterByType DEFLATE الخط / ttf
AddOutputFilterByType DEFLATE image / svg + xml
AddOutputFilterByType DEFLATE image / x-icon
AddOutputFilterByType DEFLATE text / css
AddOutputFilterByType DEFLATE text / html
AddOutputFilterByType DEFLATE text / javascript
AddOutputFilterByType DEFLATE نص / عادي
AddOutputFilterByType DEFLATE text / xml
# إزالة أخطاء المتصفح (مطلوب فقط للمتصفحات القديمة حقًا)
BrowserMatch ^ Mozilla / 4 gzip-only-text / html
BrowserMatch ^ Mozilla / 4 \ .0 [678] no-gzip
BrowserMatch \ bMSIE! no-gzip! gzip-only-text / html
رأس إلحاق وكيل مستخدم متنوع
</IfModule>
خوادم NGINX
تشغيل gzip
gzip_disable “msie6” ؛
gzip_vary على ؛
gzip_proxied أي ؛
gzip_comp_level 6 ؛
gzip_buffers 16 8 كيلو ؛
gzip_http_version 1.1 ؛
gzip_types application / javascript application / rss + xml application / vnd.ms-fontobject application / x-font application / x-font-opentype application / x-font-otf application / x-font-truetype application / x-font-ttf application / x-javascript application / xhtml + xml application / xml font / opentype font / otf font / ttf image / svg + xml image / x-icon text / css text / javascript text / normal text / xml؛
ضع في اعتبارك أنه بالنسبة لمستخدمي NGINX ، تحتاج إلى لصق الكود في ملف ".conf" الخاص بك من أجل تنفيذ GZIP.
اختبار ضغط GZIP
إذا قمت بتمكين ضغط GZIP يدويًا ، فاستخدم أداة مثل اختبار ضغط GZIP بواسطة GiftOfSpeed للتحقق من التنفيذ الناجح.
على غرار PageSpeed Insights ، فإن الخطوة الوحيدة في استخدام اختبار ضغط GZIP هي إدخال عنوان URL لموقع الويب الخاص بك والنقر فوق الزر "فحص" .

- حفظ
في غضون ثوانٍ ، يجب أن تتحقق الأداة من تنشيط ضغط GZIP على موقع الويب الخاص بك أم لا. سيُظهر لك أيضًا نسبة الضغط الخاصة به ، جنبًا إلى جنب مع أحجامه قبل الضغط وبعده.

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

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

- حفظ
يمكن العثور على هذه الخيارات في أداة "phpMyAdmin" ، والتي يجب أن تكون ضمن قسم "قواعد البيانات" في لوحة التحكم الخاصة بك.

- حفظ
كقاعدة عامة ، قم دائمًا بإنشاء نسخ احتياطية من قواعد البيانات الخاصة بك قبل إجراء التحسينات. قم بتنزيلها على محرك أقراص محلي لتوفير مساحة قرص حساب الاستضافة الخاص بك.
هل تشعر بالقلق من أنك قد تفسد شيئًا ما على خادمك؟
باستخدام ملحق WordPress مثل WP-Sweep ، يمكنك تحسين جداول قاعدة البيانات الخاصة بك من داخل واجهة CMS. بعد تثبيت البرنامج المساعد وتنشيطه ، انتقل إلى "الأدوات" وانقر على "مسح" لعرض جداول قاعدة البيانات الموجودة على موقعك.

- حفظ
من هناك ، يمكنك النقر فوق "مسح" لعناصر قاعدة البيانات الفردية لحذفها - أو التمرير إلى أسفل صفحة المكون الإضافي والنقر فوق "مسح الكل".

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

- حفظ
إذا كنت ترغب في الاحتفاظ بـ gravatars ولكنك لا تحب تأثيرها على سرعة التحميل ، يمكنك استخدام مكون إضافي مثل BJ Lazy Load لتحميل الصور الرمزية بعد موارد الموقع الهامة - وهي عملية تعرف باسم التحميل البطيء .
بصرف النظر عن الصور الرمزية ، يمكنك أيضًا تمكين التحميل البطيء للصور المصغرة للنشر والصور وإطارات iframes وأنواع المحتوى الأخرى. ما عليك سوى الانتقال إلى "الإعدادات" وتحديد "BJ Lazy Load" واختيار "نعم" في الخيارات التي تريد استخدامها.

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

- حفظ
حاول تقليل عدد التعليقات المرئية لكل صفحة من القيمة الافتراضية وهي 50 إلى أي مكان آخر. وهذا من شأنه تحسين وقت تحميل التعليقات بشكل كبير ، وبالتالي محتوى مدونتك.
17. التركيز على التحسين على أهم صفحاتك
قبل أن ننهي هذا المنشور ، إليك نصيحة أخيرة:
ابدأ في تحسين أداء أشهر صفحاتك .
لن يكون من المنطقي بالنسبة لك إعطاء الأولوية للمشاركات التي بالكاد تحصل على أي حركة مرور. على الجانب الآخر ، فإن جعل صفحاتك الرئيسية أولوية يعني أن جهودك ستفيد معظم المستخدمين.
يعد Google Analytics أداة مجانية أخرى ستساعدك في تحديد أهم صفحاتك. ما عليك سوى توسيع القائمة الفرعية "السلوك" والنقر فوق "نظرة عامة" .
يجب أن تظهر أفضل 10 صفحات لديك ضمن قسم "الصفحة"

- حفظ
قراءة سهلة؟
يمكنك أيضًا استخدام Google Analytics لإجراء بحث متعمق عن الكلمات الرئيسية - وهو موضوع ناقشته في رسالتي حول كيفية العثور على أفضل الكلمات الرئيسية أداءً باستخدام Google Analytics.
خاتمة
بصفتك مدونًا ، يجب أن تكون مستعدًا لفعل أي شيء من أجل تجربة المستخدم.
قد تبدو سرعة تحميل موقع الويب الخاص بك عاملًا سطحيًا ، ولكن يمكنها بمفردها تحقيق نجاح مدونتك أو كسرها - ليس فقط من منظور UX ، ولكن أيضًا من حيث تحسين محركات البحث.
الآن ، أعلم أنك لن تكون قادرًا على تطبيق جميع الاستراتيجيات المذكورة أعلاه في يوم واحد. ومع ذلك ، لا تنس وضع إشارة مرجعية على هذه الصفحة والانضمام إلى مجموعة Facebook العامة للحصول على المزيد من أدلة التدوين القاتلة!

- حفظ