Google PageSpeed Insights: سرعة موقعك تحدث فرقك - فحص سرعة موقعك .

[codeNET]

Google PageSpeed Insights: سرعة موقعك تحدث فرقك
بواسطة: مهدي حميد

لماذا سرعة الموقع مهمة؟
سرعة الموقع ليست رفاهية، بل هي عامل ترتيب رسمي في Google منذ عام 2010. في عام 2021 أصبحت Core Web Vitals جزءاً من خوارزمية الترتيب.
الأرقام تتحدث:
• 53% من زوار الجوال يغادرون إذا تجاوز التحميل 3 ثواني
• كل ثانية إضافية تقلل التحويلات بنسبة 7%
• Amazon خسرت 1.6 مليار دولار بسبب تأخير ثانية واحدة
ما هو Google PageSpeed Insights؟
أداة مجانية من Google تقيس سرعة أي صفحة وتعطي تقييماً من 0 إلى 100. تعتمد على بيانات حقيقية من مستخدمي Chrome بالإضافة إلى محاكاة المختبر.
كيف تستخدم الأداة؟
الخطوة الأولى: الدخول إلى الموقع
افتح الرابط التالي:
pagespeed.web.dev
الخطوة الثانية: إدخال الرابط
أدخل رابط الصفحة التي تريد فحصها واضغط Analyze
الخطوة الثالثة: انتظار النتيجة
الأداة تعطيك تقريراً شاملاً يحتوي على:
فهم النتيجة
التقييم يكون من 0 إلى 100:
• 90 إلى 100: ممتاز باللون الأخضر
• 50 إلى 89: يحتاج تحسين باللون البرتقالي
• 0 إلى 49: ضعيف باللون الأحمر
هناك نوعان من البيانات:
1. Field Data (بيانات حقيقية)
تأتي من مستخدمي Chrome الحقيقيين خلال آخر 28 يوماً. تعطيك:
• First Contentful Paint FCP
• Largest Contentful Paint LCP
• Interaction to Next Paint INP
• Cumulative Layout Shift CLS
2. Lab Data (بيانات مختبرية)
تأتي من محاكاة الأداة لجهاز متوسط. تعطيك:
• Performance Score
• First Contentful Paint
• Speed Index
• Largest Contentful Paint
• Total Blocking Time
• Cumulative Layout Shift
Core Web Vitals الثلاثة الأساسية
3. LCP Largest Contentful Paint
يقيس سرعة ظهور أكبر عنصر في الصفحة. يمكن أن يكون صورة أو عنوان أو مقطع فيديو.
• جيد: أقل من 2.5 ثانية
• يحتاج تحسين: بين 2.5 و 4.0 ثانية
• ضعيف: أكثر من 4.0 ثانية
4. INP Interaction to Next Paint
حلت محل FID في عام 2024. تقيس سرعة استجابة الصفحة للتفاعلات مثل الضغط على زر أو إدخال نص.
• جيد: أقل من 200 ملي ثانية
• يحتاج تحسين: بين 200 و 500 ملي ثانية
• ضعيف: أكثر من 500 ملي ثانية
5. CLS Cumulative Layout Shift
يقيس استقرار التصميم. هل تتحرك العناصر أثناء التحميل؟
• جيد: أقل من 0.1
• يحتاج تحسين: بين 0.1 و 0.25
• ضعيف: أكثر من 0.25
أهم اقتراحات التحسين Diagnoses
6. إزالة موارد JavaScript و CSS غير المستخدمة
تقليل الملفات غير الضرورية تسرع التحميل بشكل كبير.
7. استخدام تنسيق الصور الحديثة
تحويل الصور إلى WebP أو AVIF يقلل الحجم بنسبة 30% دون فقدان الجودة.
8. تأجيل تحميل الصور خارج الشاشة Lazy Loading
لا تحمل الصور التي لا يظهرها المستخدم إلا عند التمرير إليها.
9. تقليل وقت استجابة الخادم TTFB
اختر استضافة سريعة واستخدم CDN لتوزيع المحتوى.
10. تفعيل ضغط النصوص Gzip أو Brotli
يقلل حجم ملفات HTML و CSS و JavaScript بنسبة 70%.
11. تقليل تأثير JavaScript على التحميل
تقسيم الكود وتحميل ما هو ضروري فقط.
كيف تقرأ التقرير بذكاء؟
الأداة تقسم الاقتراحات إلى:
• Opportunities: فرص للتحسين مع تقدير التأثير
• Diagnostics: تشخيصات إضافية
• Passed Audits: ما نجحت فيه بالفعل
ركز على Opportunities ذات التأثير الكبير وسهل التطبيق.
الفرق بين الجوال والكمبيوتر
Google يقيس سرعة الجوال أولاً. تأكد من أن نتيجة الجوال جيدة لأنها الأهم.
نصائح عملية للتحسين
12. ابدأ بالصور
• استخدم WebP
• ضغط الصور قبل الرفع
• حدد الأبعاد الفعلية
• استخدم Lazy Loading
13. اختر استضافة سريعة
• SSD وليس HDD
• خادم قريب من جمهورك
• دعم HTTP/2 أو HTTP/3
14. استخدم شبكة توصيل المحتوى CDN
• Cloudflare المجاني
• BunnyCDN الاقتصادي
• CloudFront للمواقع الكبيرة
15. تقليل الإضافات
• كل إضافة تبطئ الموقع
• احتفظ بالضروري فقط
• راجع الإضافات شهرياً
16. تفعيل التخزين المؤقت Caching
• تخزين الصفحات في المتصفح
• تخزين في الخادم
• استخدم Redis أو Memcached
أدوات إضافية للقياس
• GTmetrix: لقياس مفصل مع تاريخ
• WebPageTest: لاختبار من مواقع جغرافية مختلفة
• Lighthouse: مدمج في Chrome DevTools
• Chrome UX Report: بيانات حقيقية من Google
خلاصة
سرعة الموقع ليست رفاهية بل ضرورة. استخدم PageSpeed Insights أسبوعياً وركز على تحسين نتيجة الجوال. كل نقطة تضيفها تترجم إلى زوار أكثر وأرباح أعلى.
ما نتيجة موقعك في PageSpeed Insights؟ شاركنا في التعليقات وسنقترح لك حلولاً محددة.
----
الموضوع القادم: Ahrefs Webmaster Tools المجاني - كنز مجاني لا يُفوّت