رفع تقييم PageSpeed Insights لتحسين سرعة الموقع للووردبريس

تحسين سرعة موقع ووردبريس تتوقف على الكثير من العوامل مثل ملفات js وملفات css و الصور وغيرها من مثل هذه العوامل التي سنتحدث فيها بالتفصيل ..

قبل ان نقوم بشرح عملي وتفصيلي لحل مشكلات اختبار PageSpeed Insights يجب علينا ان نتحدث عن بعض النقاط الهامة التي يجب ان يفهمها كل شخص منا ..

هل من الضروري ضبط سرعة موقعك؟

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

 

هل باتباع الخطوات الموجودة في هذه المقالة سيتحسن تقييم PageSpeed Insights؟

شاهد الصورة الموجودة في الاعلى, كيف كان تقييم الموقع 81 قبل تحسينه بنفس الخطوات الموجودة في المقالة, وكيف اصبح 91 بعد التحسين, والتجربة خير دليل.

 

هل سيقع اي ضرر للموقع في حال لم يتم تحسين السرعة؟

في هذه الحالة اذا كانت الاجابة علمياً فستكون نعم.

واذا كانت عملية ستكون (حسب منافسيك) فاذا كان المنافس قام بضبط السرعة فعليك بضبطها افضل منه واذا لم يكن هناك منافسة من الاساس على كلمة بحثية فلن يكون هناك ضرر.

هناك بعض المواقع تتصدر النتائج دون ضبط السرعة كيف ذلك؟

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

والان ..

نقاط هامة للحفاظ على سرعه موقعك

  • قم بمسح الاضافات الزائدة والغير مفعلة داخل موقعك فورا.
  • قم بتقليل الاضافات بحد اقصى 8 اضافات.
  • لا تقوم بتكرار اضافات لها نفس الوظيفة ( GOOGLE XML SITEMAP = YOAST ).
  • لا تقوم باستخدام اكثر من اضافة للسرعة.

ملحوظة: قبل تطبيق اي خطوة من خطوات التسريع يجب عمل باك اب كامل للموقع للاحتياط.

هناك بعض الخطوات تستدعي تدخل برمجي.

كيف نقوم بضبط سرعة الموقع ؟

( الشرح نتيجة عن تجارب شخصية تم عملها على الكثير من المواقع )

هذه صورة لاغلب المشاكل التي تظهر لنا

==========================================

المشكلة الاولى

تحسين الصور

لكي نقوم بتحسين الصور وضغطها نقوم باستعمال اضافة WP SMUSH

شرح تركيب الاضافة

الاضافة غير معقدة, فبعد تنصيبها وتفعيلها, فقط اضغط على BULK SMUCH NOW كما في الصورة.

=========================================

المشكلة الثانية والثالثة

تصغير css وjs

 

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

بعد عمل الاختبار لموقعك مباشرة اذا نزلت لاسفل الاختبار ستجد الرسالة التالية ..

سنقوم بتحميل تلك الموارد وسنجد بداخلها الملفات مضغوطة تماما وجاهزة للرفع مباشرة نقوم برفعها داخل السي بانل مع استبدالها بالملفات القديمة.

( الملفات تشمل صور + js + css ) حسب حالة الموقع (مع مراعاة نسختي الجوال وDesktop).

=========================================

المشكلة الرابعة

تحسين التخزين المؤقت + تمكين الضغط

نقوم بوضع هذه الاكواد داخل ملف htaccess كما هي دون اي تعديل وتصلح لجميع المواقع

 

هذه الاكواد تقوم بتفعيل الضغط التلقائي للموقع وتفعيل التخزين المؤقت بالكامل للموقع.

في بعض الاحيان يقوم البعض باستعمال احصائيات جوجل وجوجل ادسنس وغيرها, والتي تولد طلبات اكثر وتبطئ سرعة الموقع.

لحل مشكلة احصائيات جوجل Google Analytics:

نقوم بمسح الكود الخاص بجوجل احصائيات ونقوم بوضع الكود التالي داخل ملف الفوتر :

مع استبدل UA-82805846-1 بالرقم الخاص بك.

اما جوجل ادسنس فنقوم بالبحث عن روابط الملفات الخارجية داخل الموقع ونقوم باستبدالها بملفات محلية داخل الموقع وبكده نضمن حل المشكلة من الجذور ( تستدعي وجود مبرمج ) .

================================================

المشكلة الخامسة

التخلص من عناصر جافا سكريبت وCSS التي تحظر عرض المحتوى في الجزء العلوي

 هذه المشكلة حلها سلاح ذو حدين.
من الممكن بعد تنفيذ الحل تشوه الشكل العام لموقعك او النجاح في حل المشكلة وبنسبة 90% لا يحدث اي تشوه.
في حالة التنفيذ وحدوث تشوه قم بتعطيل الاضافة وقم باستدعاء مبرمج.
لحل هذه المشكلة نقوم بعمل الآتي:
نقوم بتركيب الاضافه التالية autoptimize
ونقوم بعمل الاعدادات كما بالصورة التالية تماما :
====================================

المشكلة السادسة تقليل وقت استجابة الخادم

هذه المشكلة تتوقف على مدى استجابة السيرفر وسرعته وغالبا ما تحدث هذه المشكلة مع الاستضافات المشتركة
واحيانا السيرفر يستجيب للاصلاح واحيانا لا يستطيع لقلة الامكانيات.
هذه المشكلة حلها فقط في كاش قوي
وذلك يتم عن طريق اضافة WP SUPER CACHE واعداداتها هي كالتالي:
بعد عمل الاعدادات كاملة كما بالصور.
قم بفحص السرعة الخاصة بموقعك اكثر من مرة.
حتي تقوم العناكب بالوصول الى الكاش الخاص بالموقع.
وهكذا ستنحل المشكلة تماما, وتصل الى تقييم عالي جداً بأذن الله.
اتمني يكون الشرح سهل على الجميع واذا في اي استفسار انا حاضر 🙂
للاستفسار : وليدالعروي
وانتظرونا مع شرح آخر ( فيديو ) علي صفحة الشركة الخاصة بنا

لا تذهب دون ترك تقييمك للموضوع

نجمة واحدةنجمتانثلات نجماتأربع نجماتخمس نجمات (11 votes, average: 4.64 out of 5)

اشترك في قائمتنا البريدية وانضم لمشتركينا ليصلك كل جديد.

33 تعليق في “رفع تقييم PageSpeed Insights لتحسين سرعة الموقع للووردبريس

  1. فى البداية أحب اشكرك على المقالة الجميله دي .
    حابب اعلق على شويه نقط يجب توضيحها .
    أولها إن اضافه Wp-Smush فى الاكونت المجاني الحد الاقصي للصور بيكون 50 فقط ولازم تشتريها علشان تقدر تستخدم اكتر .
    – ثاني شئ بخصوص الملفات المضغوطه التى تم اصلاحها عن طريق جوجل فهي تحت بند Consider Fixing:
    حتي يمكنك وضعها مكانها تحديدا بموقعك يجب عليك مراجعه المسارات تحت هذا البند .
    – ثالث شئ وهو اخر سطر بالكود فى الهتكسس ExpiresByType application/x-javascript “access 1 weekk”
    اعتقد به حرف زائد “week ”

    شكرا لك على المجهود الرائع

    1. اهلا استاذنا
      شرفني مرورك وتعليقك الطيب ..
      بخصوص اضافة WP SMUSH مو شرط الشراء تقدر تستعمل لاي عدد عادي ولكن يضغط في المرة الواحده 50 فقط ثم تقوم بالضغط مرة اخري ليستكمل ..
      اما بخصوص الملفات المحسنة او الموارد
      هذه الملفات تكون مضغوطة جاهزة وجوجل يرفق لك الملفات التي اكتشف انها تحتاج للضغط فقط .. وهي طريقة ناجحة بنسبة 100%
      اما بخصوص الحرف الزائد شكرا لك كثيرا اخي الكريم
      ولا تحرمني من مرورك العطر دائما

    2. اهلا استاذنا
      شرفني مرورك وتعليقك الطيب ..
      بخصوص اضافة WP SMUSH مو شرط الشراء تقدر تستعمل لاي عدد عادي ولكن يضغط في المرة الواحده 50 فقط ثم تقوم بالضغط مرة اخري ليستكمل ..
      اما بخصوص الملفات المحسنة او الموارد
      هذه الملفات تكون مضغوطة جاهزة وجوجل يرفق لك الملفات التي اكتشف انها تحتاج للضغط فقط .. وهي طريقة ناجحة بنسبة 100%
      اما بخصوص الحرف الزائد شكرا لك كثيرا اخي الكريم
      ولا تحرمني من مرورك العطر دائما

  2. ألف شكر عزيزي
    بخصوص نقطة تحسين التخزين المؤقت + تمكين الضغط
    هل بعد اضافة الكود الى الهتكس تتأثر اعلانات ادسنس في شئ ؟

  3. شكرا لك اخي على المعلومات عندي كل شيء تمام الا هذه النقطة لم أفهم
    سنقوم بتحميل تلك الموارد وسنجد بداخلها الملفات مضغوطة تماما وجاهزة للرفع مباشرة نقوم برفعها داخل السي بانل مع استبدالها بالملفات القديمة.
    ( الملفات تشمل صور + js + css ) حسب حالة الموقع (مع مراعاة نسختي الجوال وDesktop).
    انا وجدت الصور فقط في ذلك الملف اين سأرفعها بالضبط

    1. بالنسبة للصور, ستعاود رفعها وادراجها داخل صفحات موقعك.
      وملفات css و js ستقوم باخد ما بداخلها ولصقه في الملفات الاصلية, او استبدال الملفات الغير مضغوطة بملفات مضغوطة وذلك من خلال CPanel.

  4. مشكور اخي الكريم
    هل ممكن توضيح اكثر حول المشكلة الثانية والثالثة
    تصغير css وjs
    مع شرح تفصيلي اكثر و ذكر افضل موقع للفحص و كيفية التعديل في السي بنل
    وشكرا

  5. السلام عليكم ورحمة الله وبركاته
    ما شاء الله اخى العزيز شرح واضح وممتاز
    لكن هل هناك حل لمدونة بلوجر فى مشكلة
    التخلص من عناصر جافا سكريبت وCSS التي تحظر عرض المحتوى في الجزء العلوي
    وشكرا جزيلا

  6. شكرا لك أيها المبدع دائمًا
    والشكر موصول لإدارة الموقع الناجح المميزة
    السؤال : كيف التخلص من ملف الخريط ؟
    مشكلة يظهر في التخزين المؤقت

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

  8. السلام عليكم
    لقد ركبت الاضافة التي تحدثت عنها wp super cache
    لكن ظهر في موقعي سطر غريب أبيض اسفل الموقع في الفوتر مكتوب فيه :
    is stephen fry proof thanks to caching by wp super cache
    كيف لي ان اخفي ؟

  9. اما جوجل ادسنس فنقوم بالبحث عن روابط الملفات الخارجية داخل الموقع ونقوم باستبدالها بملفات محلية داخل الموقع وبكده نضمن حل المشكلة من الجذور ( تستدعي وجود مبرمج ) .
    ممكن شرح هذه الخطوة ولكم جزيل الشكر

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *