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

تحسين 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 كما هي دون اي تعديل وتصلح لجميع المواقع

<IfModule deflate_module>
	<IfModule filter_module>
		AddOutputFilterByType DEFLATE text/plain text/html
		AddOutputFilterByType DEFLATE text/xml application/xml application/xhtml+xml application/xml-dtd
		AddOutputFilterByType DEFLATE application/rdf+xml application/rss+xml application/atom+xml image/svg+xml
		AddOutputFilterByType DEFLATE text/css text/javascript application/javascript application/x-javascript
		AddOutputFilterByType DEFLATE font/otf font/opentype application/font-otf application/x-font-otf
		AddOutputFilterByType DEFLATE font/ttf font/truetype application/font-ttf application/x-font-ttf
	</IfModule>
</IfModule>

# Turn on Expires and set default to 0 
ExpiresActive On 
ExpiresDefault A0 

# Set up caching on media files for 1 year (forever?) 
<FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav)$"> 
ExpiresDefault A29030400 
</FilesMatch> 

# Set up caching on media files for 1 week 
<FilesMatch "\.(gif|jpg|jpeg|png|swf)$"> 
ExpiresDefault A604800 
</FilesMatch> 

# Set up 1 week caching on commonly updated files 
<FilesMatch "\.(xml|txt|html|js|css)$"> 
ExpiresDefault A604800 
</FilesMatch> 

# Force no caching for dynamic files 
<FilesMatch "\.(php|cgi|pl|htm)$"> 
ExpiresActive Off 
</FilesMatch> 

ExpiresActive On 
ExpiresByType image/gif "access 1 week" 
ExpiresByType image/jpeg "access 1 week" 
ExpiresByType image/png "access 1 week" 
ExpiresByType text/css "access 1 week" 
ExpiresByType application/x-shockwave-flash "access 1 week" 
ExpiresByType application/x-javascript  "access 1 week"

 

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

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

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

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

<script src="https://cdn.jsdelivr.net/ga-lite/latest/ga-lite.min.js" async></script> <script> var galite = galite || {}; galite.UA = 'UA-82805846-1'; //</script>

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

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

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

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

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

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

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

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

إقرأ ايضاً: أفضل إضافات ووردبريس أساسية في كل موقع ومتجر الكتروني

45 فكرة عن “رفع تقييم 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. قم بوضع الكود الصحيح الموجود في المقال حاليا ..
    ان حدثت مشكلة اخري ارفق لي ملف htaccess ..
    شكرا لك

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

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

    2. هناك ملف يسمي manifast في جميع مسارات الملفات
      الملف ده هتلاقية داخل المجلد اللي قمت بتحميلة ..
      بعدها قم برفع الملفات بنفس المسار

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

    1. اهلا اخي
      لا تحتاج مواقع فحص تحتاج فقط الي تحميل الملفات التي يتم وضعها لك من جوجل ..

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

    1. وعليكم السلام ورحمه الله وبركاته
      شكرا لك اخي
      مستقبلا ساقوم بالعمل علي بلوجر وسيكون هناك شرح باذن الرحمن خاص ببلوجر

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

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

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

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

  11. هل برأيك تطبيق اضافة WP SMUSH على الصور القديمة لن يفقد الصور المأرشفة ترتيبها والتي مسكت ترتيب جيد في غوغل؟

  12. مرحبا اخي
    ارجو االمساعدة
    سرعة موقعي ضعيفة جدا بالنسبة للجوال
    70/100
    هذه الملاحظات التى ظهرت .
    ممكن حل للمشكلة لو سمحت
    *اقتراحات التحسين
    1. تقليل وقت استجابة الخادم
    2. التخلص من عناصر جافا سكريبت وCSS التي تحظر عرض المحتوى في الجزء العلوي
    3. ترتيب أولوية المحتوى المرئي
    4. تحسين التخزين المؤقت للمتصفح
    5. تحسين الصور
    6.تمكين الضغط
    التحسينات التي يتم تنفيذها حاليًا
    تنزيل موارد الصور وJavaScript وCSS المحسنة لهذه الصفحة.

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

  14. عندي سؤال بس
    هل خدمة كلود فلير بتقلل الزوار او بتمنع زوار من الدخول وهل بخصوص المواقع الترفيهي الصغير اشترك فى المجانية ام الخدمة المدفوع؟

  15. عبد الحميد حجازي

    السلام عليكم عندي قالب بلوجر سيو بلس ولكن سرعة القالب ٢٥٪؜ على الجوال عندما اقوم بي ازالة شيفرة ادسنس ترتفع السرعة الى ٨٥٪؜ ولم اجد حل لهذه المشكلة ممكن كتابة مقالة عن الموضوع او ارسال رابط او الحل عبر البريد

    والامر الثاني لدي مدونة مختصة بوصفات الطعام كيف اقوم بي اضافة تقييم يدعم البيانات المنظمة للمقالة ولك جزير الشكر لو راسلتني للمساعدة

اترك تعليقاً

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

الفهرس
Scroll to Top
×