عندما نتحدث عن سرعة الموقع، فإن رأي جوجل هو الرأي الوحيد الذي يهم حقاً. يمكنك استخدام عشرات الأدوات، ولكن إذا كان جوجل يرى موقعك بطيئاً، فسيعاقبك بتخفيض ترتيبك. الأداة الرسمية التي يستخدمها جوجل لتقييمك هي PageSpeed Insights. المشكلة؟ تقاريرها تبدو وكأنها مكتوبة بلغة فضائية للمبتدئين.
في مقالنا السابق، استعرضنا قائمة أدوات فحص سرعة الموقع، وكانت أداة جوجل هي حجر الزاوية. اليوم، سأقدم لك PageSpeed Insights شرح عملي ومبسط. سأترجم لك هذه المصطلحات التقنية المعقدة إلى خطوات واضحة يمكنك تنفيذها اليوم لتحويل الأرقام الحمراء إلى خضراء.
ما هي PageSpeed Insights (PSI) وكيف تعمل؟
هي أداة مجانية من جوجل تحلل محتوى صفحة الويب وتقدم اقتراحات لجعلها أسرع. المميز فيها أنها تعطيك نوعين من البيانات:
- بيانات الحقل (Field Data): هذه هي "الحقيقة". بيانات مأخوذة من مستخدمين حقيقيين زاروا موقعك خلال الـ 28 يوماً الماضية (تُعرف بـ Core Web Vitals).
- بيانات المختبر (Lab Data): هذا "اختبار افتراضي". تقوم الأداة بمحاكاة زيارة لموقعك في اللحظة الحالية لاكتشاف الأخطاء البرمجية.
شرح أهم 3 مقاييس (Core Web Vitals) بلغة بسيطة
هذا هو قلب التقرير. جوجل يركز على 3 أشياء أساسية تحدد تجربة المستخدم:
1. سرعة ظهور المحتوى (LCP - Largest Contentful Paint)
المعنى: كم من الوقت يستغرق ظهور "أكبر عنصر" في الشاشة (غالباً صورة بارزة أو عنوان رئيسي)؟
الهدف: أقل من 2.5 ثانية.
كيف تصلحه؟ كما ذكرنا في أدوات تحليل السيو، الصور الكبيرة هي العدو. قم بضغط الصورة البارزة (Featured Image) واستخدم صيغة WebP الحديثة بدلاً من JPEG.
2. الاستقرار البصري (CLS - Cumulative Layout Shift)
المعنى: هل تتحرك عناصر الصفحة فجأة أثناء التحميل؟ (تخيل أنك تقرأ مقالاً وفجأة يظهر إعلان يدفع النص للأسفل، فتضغط بالخطأ على الإعلان).
الهدف: أقل من 0.1.
كيف تصلحه؟ حدد أبعاداً ثابتة (العرض والطول) لجميع الصور والإعلانات في كود الموقع، حتى يحجز المتصفح مساحتها قبل تحميلها.
3. سرعة الاستجابة (INP - Interaction to Next Paint)
المعنى: عندما يضغط الزائر على زر (مثلاً: "أضف للسلة" أو فتح قائمة)، كم يستغرق الموقع للاستجابة لهذا الأمر؟
الهدف: أقل من 200 مللي ثانية.
كيف تصلحه؟ غالباً المشكلة في أكواد "جافا سكريبت" (JavaScript) الثقيلة التي تشل المتصفح. استخدم إضافات لتأجيل تحميل هذه الأكواد (Defer JavaScript).
قسم "الفرص" (Opportunities): خريطة الكنز
أسفل التقييم، ستجد قسم "الفرص". هذا هو أهم جزء في الأداة، لأنه يخبرك بالضبط ماذا تفعل. إليك أشهر 3 أخطاء تظهر للجميع وكيفية حلها:
| الخطأ في التقرير | المعنى المبسط | الحل السريع (لووردبريس) |
|---|---|---|
| Serve images in next-gen formats | صورك بصيغة قديمة وثقيلة (JPG/PNG). | استخدم إضافة مثل WebP Express لتحويل الصور تلقائياً. |
| Eliminate render-blocking resources | أكواد تمنع الصفحة من الظهور بسرعة. | استخدم إضافة WP Rocket أو Autoptimize لتأجيل الأكواد. |
| Reduce initial server response time | الخادم (الاستضافة) بطيء في الرد. | استخدم إضافة كاش (Cache) أو قم بترقية استضافتك. |
| Properly size images | أنت تعرض صورة ضخمة في مساحة صغيرة. | ارفع الصور بالأبعاد الدقيقة التي يحتاجها قالبك. |
نصائح خبير للتعامل مع PageSpeed Insights
- لا تهوس برقم 100: الوصول لـ 100/100 على الهاتف المحمول (Mobile) شبه مستحيل للمواقع التي تحتوي على إعلانات أو أدوات تتبع (مثل Analytics). هدفك هو الوصول للون الأخضر (90+) أو الأصفر المرتفع (80+).
- الموبايل أولاً: جوجل يقيم موقعك بناءً على نسخة الهاتف (Mobile-First Indexing). إذا كانت درجتك 95 على الكمبيوتر و 40 على الهاتف، فموقعك يعتبر "بطيئاً" في نظر جوجل.
- افحص الصفحات الفردية: لا تفحص الصفحة الرئيسية فقط. افحص المقالات الطويلة، صفحات المنتجات، لأن كل صفحة لها عناصر مختلفة تؤثر على سرعتها.
خاتمة: السرعة هي احترام لزائرك
أداة PageSpeed Insights ليست مجرد أداة لاختبار السرعة، بل هي دليل إرشادي مجاني من جوجل لتحسين تجربة المستخدم. لا تتجاهل الأرقام الحمراء؛ كل ثانية تأخير تكلفك زواراً وأرباحاً. ابدأ اليوم بتطبيق "الفرص" التي يقترحها التقرير، وراقب كيف يتحسن ترتيبك في نتائج البحث.
دعوة للعمل: قم بفحص موقعك الآن على PageSpeed Insights. ما هو الخطأ الأول الذي ظهر لك في قسم "الفرص"؟ شاركه معنا في التعليقات لنساعدك في حله!
أسئلة شائعة حول PageSpeed Insights
لماذا تختلف النتيجة في كل مرة أقوم فيها بالفحص؟
هذا طبيعي جداً. "بيانات المختبر" تتأثر بحالة خوادم جوجل وقت الفحص، سرعة استضافتك في تلك اللحظة، وحركة المرور على شبكة الإنترنت. ركز على "المتوسط" ولا تقلق من التغيرات الطفيفة (بين 2 إلى 5 درجات).
هل إعلانات جوجل أدسنس تبطئ الموقع؟
نعم، بشكل ملحوظ. أكواد الإعلانات ثقيلة وتتطلب وقتاً للتحميل. الحل هو استخدام تقنية "التحميل المتأخر" (Lazy Loading) للإعلانات، بحيث لا يتم تحميلها إلا عندما يصل الزائر إليها أثناء التمرير.
ما الفرق بين PageSpeed Insights و GTmetrix؟
PageSpeed Insights تركز بشكل كبير على مقاييس تجربة المستخدم (Core Web Vitals) الخاصة بجوجل. بينما GTmetrix تقدم تحليلاً أعمق لترتيب تحميل الملفات (Waterfall) وهي مفضلة للمطورين لاكتشاف الأخطاء البرمجية الدقيقة.
هل أحتاج لمبرمج لإصلاح هذه الأخطاء؟
إذا كنت تستخدم منصات مثل ووردبريس، فمعظم الأخطاء يمكن حلها باستخدام إضافات (Plugins) مجانية أو مدفوعة دون كتابة سطر كود واحد. أما إذا كان موقعك مبرمجاً من الصفر، فستحتاج بالتأكيد لمطور لتطبيق توصيات جوجل.
