- إضافة WP Rocket و Imagify
- إضافة Flying Analytics
- شبكة توصيل المحتوى Cloudflare
- نصائح عامة لتسريع الموقع
يَستخدم منصة ووردبريس حول العالم ما يقرب من ٥٠٪ من المواقع والمدونات الموجودة عبر الإنترنت، فهو أشهر نظام لإدارة المحتوى CMS بسهولة وتنوع كبيرين، لإحتوائه على ملايين الإضافات والقوالب.
مع ذلك.. لا تعد منصة ووردبريس الأفضل من ناحية السرعة مقارنة بمنصات إدارة المحتوى الأخرى، وهو أمر يعرفه ويعاني منه كثير من مشرفي المواقع وصناع المحتوى.
في معايير جودة المواقع، سرعة الموقع ليست بنفس أهمية جودة المحتوى، إلا أنها ثاني أهم معيار عليك الإهتمام به ومتابعته، خصوصاً منذ قرر محرك بحث جوجل إعتماد أداء كأحد معايير ترتيب المواقع بدءاً من ٢٠٢١.
تعرف معنا في الفقرات القادمة على أفضل طريقة لتسريع مواقع ومدونات ووردبريس من خلال الإضافات Plugins، ومن خلال خدمات توصيل المحتوى CDN.
قبل تطبيق الخطوات التالية تأكد من قياس سرعة موقعك بواسطة GTmetrix أو Google Page Speed Insights لمعرفة سرعة موقعك والمشكلات التي يجب عليك إصلاحها.
الطريقة التي سنذكر لاحقاً، يمكن أن تصل بها سرعة موقعك إلى ١٠٠٪ لكن إذا كنت تضع إعلانات أدسنس على وجه الخصوص، فيستحيل أن تصل سرعة موقعك لهذا المستوى.
لأنها مبرمجة بواسطة لغة جافاسكريبت، ومن المعلوم أن أكواد جافاسكريبت من أكثر المقومات التي تبطئ تحميل المواقع.
للتأكد يمكنك إزالة الإعلانات، ثم قياس السرعة مرة أخرى.
حسناً..
لنبدأ بالحديث عن أفضل طريقة لتسريع مواقع ومدونات ووردبريس، وأفضل إعدادات Settings لكل إضافة، ثم نقيس السرعة في النهاية.
– أفضل إضافات تسريع مواقع ووردبريس
الإضافات التالية هي الأفضل لتسريع مواقع ووردبريس بالتجربة العملية، وهي نفس الإضافات التي نستخدم حالياً، والتي يوصي بها خبراء صناعة المحتوى عبر ووردبريس.
١- إضافة Jetpack
إضافة Jetpack هي إحدى الإضافات المتميزة التي تم تطويرها بواسطة نفس الفريق المطور لمنصة ووردبريس، وبعيداً عن مسألة السرعة، لابد أن تستخدم إضافة جيت باك لما تحتويه من مميزات كثيرة وهامة.
يمكن كتابة موضوع كامل في شرح إضافة جيت باك فقط، إلا أن المهم هنا هو موضوع السرعة، فهذه الإضافة تحتوي على ميزتين هما (مسرع الموقع – التحميل الكسول للصور).
مسرع الموقع يعمل كشبكة توصيل محتوى CDN أي أنه يقوم بتحميل نسخة من أكواد وصور موقعك في خوادم موجودة في مناطق متفرقة من العالم، حتى لا يضطر موقعك لتحميل نسخة من خوادم بعيدة جغرافياً عن الزائر.
لتفعيل تلك المميزات إذهب إلى إضافة جيت باك في غرفة التحكم، ثم تبويب “الأداء”، ثم فعل مسرع الموقع والتحميل البطئ للصور.
بذلك توجد نسخة جاهزة محملة بالفعل يتم تقديمها للزائر من شبكة خوادم ووردبريس، وكذلك الأمر بالنسبة لتحميل الصور، فعند تفعيل ميزة التحميل الكسول للصور Lazy Load لا يتم تحميلها إلا حينما يصل القارئ إليها.
إضافة Jetpack مجانية، وتحتوي على بعض المميزات المدفوعة التي لن تكون بحاجة إليها لتسريع موقعك.
٢- إضافة WP Rocket
إضافة WP Rocket هي أفضل إضافة على الإطلاق يمكن إستخدامها لتسريع الموقع، حيث تحتوي على مميزات كثيرة مثل التخزين المؤقت (Cache)، ضغط الملفات، تحسين ملفات CSS و JavaScript و HTML وتصغير حجمها.
تأخير تحميل Javascript، تحديد مقاسات الصور التي لا تحتوي على مقاسات، ربط حساب كلاودفلير، جدولة إزالة الملفات القديمة من الخوادم، وغيرها من المميزات التي سنبين خلال لحظات.
إضافة WP Rocket مدفوعة، بإشتراك سنوي قيمته ٤٩ دولار لموقع واحد، و٩٩ دولار لثلاثة مواقع، و٢٤٩ دولار لمواقع غير محدودة.
الإضافة تستحق الشراء لما فيها من مميزات عديدة وغير موجودة في أي إضافة أخرى.
أفضل طريقة لضبط إعدادات إضافة WP Rocket ستكون كالآتي:
١- التخزين المؤقت Cache
هذا هو الجزء الخاص بالكاش، ويحدث تلقائياً لنسخة سطح المكتب، لكن تحتاج لتفعيل التخزين المؤقت لنسخة الأجهزة المحمولة.
لا تقم بتفعيل “إنشاء ملفات منفصلة لتخزين نسخة الهاتف”، إلا في حالة إستخدام قالب منفصل للهاتف الذكي.
كذلك لا تفعل خيار “التخزين المؤقت للمستخدمين الذي سجلوا الدخول”، إلا إذا كان موقعك يعتمد على التسجيل والعضويات، ويقوم المستخدم بتسجيل الدخول لإستخدامه.
بعد الإنتهاء إنقر على حفظ الإعدادات.
٢- تحسين الملفات File Optimization
هذا هو الجزء الخاص بتحسين تحميل ملفات CSS و JavaScript و HTML، تجميع الملفات في ملف واحد، إزالة معلمات الإستخدام، تصغيرها لأصغر حجم ممكن، وغيرها.
قم بتفعيل جميع الإختيارات في هذا التبويب ثم إنقر على حفظ الإعدادات.
٣- الصور والفيديو Media
هذا الجزء خاص بالصور والفيديوهات، يعمل على تحميل الصور حينما يصل إليها الزائر Lazy Load، وبذلك يوفر المتصفح وقت التحميل لموارد أخرى في الصفحة.
كذلك الفيديو يمكن تحميله وفقاً لنفس التقنية، مع إستبدال إطار يوتيوب الفعلي بصورة المعاينة.
تحتوي نفس الصفحة على ميزة تحديد مقاسات الصور التي لم يحدد لها مقاس، لأن الصور أحد أكثر الموارد التي تستغرق وقتاً للتحميل، وتزيد المدة في حال عدم تحديد مقاس الصورة.
قم بتفعيل كافة الإختيارات في هذه الصفحة، ثم إنقر على حفظ الإعدادات.
٤- التحميل المسبق Preloading
في هذا الجزء تقوم إضافة WP Rocket بتحميل روابط وخرائط الموقع مسبقاً، فيتم تقديمها عند تحميل نسخة الكاش لكي لا يتم تحميلها في كل مرة، ويمكنك إضافة الخطوط ليتم تحميلها مسبقًا.
فعل جميع الإختيارات في هذه الصفحة، وعند خطوة Preload Fonts يمكنك وضع رابط ملف الخط الموجود في ملفات الإستضافة، تحديداً في wp content، ثم Themes ثم Assets ثم Fonts، وقم بنسخ رابط الملف، ولا تنسى “حفظ الإعدادات”.
٥- إستثناء الملفات من التخزين
هذه الخطوة لكي تستبعد بعض الملفات من التخزين، لا يجب عليك فعل أي شئ هنا.
٦- قاعدة البيانات Database
في هذا الجزء بإمكانك جدولة وقت محدد يتم فيه تنظيف قاعدة بياناتك من الملفات المنتهية الصلاحية، التعليقات المزعجة، المسودات، وغيرها.
قم بتفعيل جميع الخيارات، ثم حدد الموعد (يومي – أسبوعي – شهري) يفضل “أسبوعي”، ثم إنقر على حفظ الإعدادات.
٧- شبكة توصيل المحتوى CDN
في هذه الخطوة يمكنك تفعيل الـCDN الذي هو عبارة عن خوادم موزعة جغرافياً حول العالم يتم تخزين البيانات بداخلها، كالصور والملفات وغيرها، ويتم تقديم النسخة المخزنة في السيرفر الأقرب جغرافياً للمستخدم عند زيارة موقعك.
من المعروف أن الإشتراك في أكثر من خدمة CDN يزيد من سرعة موقعك، فنحن نستخدم الـCDN الخاص بهذه الإضافة، والـCDN الخاص بإضافة جيت باك، وكلاودفلير الذي سنشرحه في لحظات قليلة.
شبكة توصيل المحتوى في WP Rocket يمكن تفعيلها بتكلفة ٧ دولار شهرياً، وعند التفعيل يتم ضبط الإعدادات تلقائياً دون تدخل منك.
٨- نشاط Heartbeat
هذا الجزء يعمل على تقليل معدل الإتصال بين الموقع والخادم، قم بتفعيل “التحكم في Heatbeat ثم دع المعدلات كما هي عند “تقليل المعدل”.
عليك الحذر من تعطيل المعدل بالكلية وإلا ستتوقف بعض الإضافات عن العمل، فإذا أحببت يمكنك التراجع عن تفعيل معدل التحكم في Heartbeat بدلاً من تعطيله.
٩- الإضافات
وهي قائمة بعدة خدمات يمكن ربطها بإضافة WP Rocket مثل جوجل أنالتيكس، وتعمل على إستضافة كود أنالتيكس داخلياً في الإستضافة بدلاً من حقنه في الكود الأساسي.
فهذا الكود يمكن أن يوفر عدة ثواني في تحميل موقعك عند إستضافته Locally.
من الإضافات أيضاً Cloudflare التي تجعلك قادراً على تفريغ الكاش وضبط الإعدادات المناسبة لموقعك، وفي جميع الأحوال لست بحاجة ملحة لربط تلك الإضافات.
بعد الإضافات تبقى نافذتين الأولى لتصدير ملف الإعدادات أو إستيراده، بدلاً من المرور بجميع الإعدادات مرة أخرى إذا قمت بإلغاء تفعيل الإضافة لأي سبب.
والأخيرة تحتوي على فيديوهات متعددة حول كيفية ضبط وإستخدام الإضافة بالشكل الأمثل.
٣- إضافة Flying Analytics
هذه الإضافة نستخدمها لإستضافة كود جوجل أنالتيكس Locally كما ذكرنا في الفقرة السابقة، وهي إضافة مجانية وتساعد في تقليل مدة التحميل فعلياً.
بعد تحميل الإضافة قم بضبط الإعدادات كما في الصورة التالية:
في الخانة الأولى ضع عنوان Google Analytics Tracking الذي يشبه هذا الكود (UA-87000087-5) وليس كود الجافاسكربت كاملاً.
في الخانة الثانية يمكنك الإختيار بين Minimal Analytics Inlined و Minimal Analytics.Js، الأول يعطيك قياس أفضل في السرعة ويتم حقنه في كود الـHTML في واجهة الموقع.
الثاني هو الموصى به من قبل المطورين، ويتم حقنه في التذييل (الفوتر).
إذا كنت تستخدم التخزين المؤقت Cache، وخدمة توصيل المحتوى CDN، فالإختيار الثاني سيجعل موقعك أسرع.
٤- شبكة توصيل المحتوى Cloudflare
كلاودفلير شركة تقدم خدمات كثيرة تفيد مواقع الويب والمدونات والمتاجر الإلكترونية، أهمها شبكة توصيل المحتوى CDN، التي تعمل على إستضافة ملفات المواقع في عدة خوادم خاصة بكلاودفلير حول العالم.
وهي خدمة مجانية، لكن تحتوي على بعض الميزات المدفوعة التي تفيد الشركات بشكل أكبر.
وقد أثبتت كفائتها في السنوات القليلة الماضية، ففي هذا الموقع زادت السرعة بنسبة كبيرة تصل إلى ٤٠٪ مقارنة بسرعته قبل إضافة كلاودفلير.
لإستخدام خدمة كلاودفلير قم بالتسجيل أولاً، ثم أضف موقعك عند Add Site، ثم إتبع عدة خطوات سهلة.
بعد إضافة الموقع، إذهب إلى تبويب DNS في صفحة الإعدادات.
إنزل إلى أسفل الصفحة عند Cloudflare Nameservers وهي البيانات التي يتم وضعها في حساب الإستضافة بدلاً من بيانات الخادم الأصلي.
بعد نسخ هذين السطرين، تواصل مع مزود خدمة الإستضافة الخاص بك لوضعه في المكان الصحيح، وهي عملية سهلة يمكنك القيام بها بنفسك.
٥- إضافة Imagify
إضافة imagify هي إضافة متميزة تقوم بتحسين جميع الصور الموجودة في موقعك، فتعمل على تقليل حجمها مع الإبقاء على أفضل جودة ممكنة، وتقوم بتقديم الصور بصيغة Webp التي تفضلها المتصفحات الحديثة.
كذلك يمكن تحديد مقاسات الصور المثالية لتظهر بشكل أفضل للمستخدمين. الإضافة تابعة لنفس الشركة المطورة لإضافة WP Rocket.
وهي مجانية ويتم الدفع فقط عند إنتهاء الحصة المجانية، بحسب عدد الصور في موقعك، يمكنك شراء حصة جديدة في كل مرة بحسب إحتياج الموقع.
توجد إضافات أخرى متميزة مشابهة لهذه الإضافة، وطرق لتحسين الصور ذكرناها في مقالة كيف تقلل حجم الصور لزيادة سرعة موقعك.
– خلاصة المقالة
بعد إتمام الخطوات السابقة راقب سرعة تحميل الصفحة التي ترغب بقياس سرعتها في موقعك، ستجدها ١٠٠٪ تقريباً في GTmetrix.
وستجدها أقل في جوجل،خصوصاً بعد المعايير الجديدة المفروضة من ناحية السرعة، والتي (كما ذكرنا سابقاً) قد لا تتعلق بك كصاحب موقع، وإنما بأكواد برمجة منصة ووردبريس.
وهذه هي سرعة الموقع في النهاية في GTmetrix و Google Pagespeed Insights بعد دمجها مؤخراً في GTmetrix.
يمكنك التعرف أكثر على معايير جوجل الجديدة الخاصة بأداء المواقع والتي سيتم ترتيب المواقع بناءً عليها بدءاً من مايو ٢٠٢١، في مقالة أحدث معايير ومتطلبات الـSEO لتصدر نتائج البحث في ٢٠٢١.
إذا طبقت جميع الخطوات السابقة ولم تتقدم سرعة موقعك، فهناك عدة أشياء يمكن وضعها في الإعتبار:
١- تغيير القالب لآخر نظيف وسريع.
٢- عدم إستخدام الكثير من الخطوط والألوان.
٣- عدم إستخدام الصور ذات الأحجام الكبيرة.
٤- عدم وضع صور وإعلانات في منطقة الهيدر.
٥- تقليل وحدات إعلانات جوجل أدسنس.
٦- عدم إستخدام الكثير من الإضافات.
هذا كل شئ! إذا كانت لديك إستفسارات يرجى مشكوراً طرحها في التعليقات أسفل المقالة.
اكتشاف المزيد من تجارة واقتصاد
اشترك للحصول على أحدث التدوينات المرسلة إلى بريدك الإلكتروني.