هل سبق لك أن فتحت PageSpeed Insights وركزت على الفور على رقم واحد كبير باللون الأخضر أو الأصفر أو الأحمر؟
إذا كانت الإجابة بنعم، فأنت لست وحدك.
يعتقد العديد من مالكي مواقع الويب أنه يمكن تقليل أداء موقع الويب إلى شيء واحد: درجة PageSpeed.
إذا كانت النتيجة عالية، يجب أن يكون الموقع سريعا.
إذا كانت النتيجة منخفضة، يجب أن يكون الموقع بطيئا.
إذا لم يكن 100، فلا بد أنه لا يزال سيئا.
في الواقع، الأمر ليس بهذه البساطة.
يعد هذا أحد أكثر المفاهيم الخاطئة شيوعًا التي أراها عند تدقيق مواقع WordPress أو مساعدة العملاء على تحسين الأداء. يتوقف الأشخاص مبكرًا جدًا عند النتيجة، في حين أن السؤال الأكثر أهمية هو ما يشعر به المستخدم فعليًا عند فتح الموقع.
وهذا هو سبب أهمية الفرق بين مؤشرات أداء الويب الأساسية ونتائج PageSpeed.
إذا كان موقعك على الويب بطيئًا، فلا تبدأ بمطاردة رقم ما. ابدأ بفهم عنق الزجاجة. إذا كنت تريد المساعدة في رسم الخرائط، راجع تحسين سرعة WordPress، أو استضافة موقع الويب، أو ابدأ بـ استشارة مجانية.
لماذا يسيئ الكثير من الأشخاص فهم سرعة موقع الويب؟
أنا أفهم سبب سهولة الهوس بنتيجة PageSpeed.
الرقم واضح. اللون جريء. يبدو العرض التقديمي وكأنه بطاقة تقرير.
من الناحية النفسية، من السهل التفكير بهذه الطريقة:
- 100 = كامل
- التسعينات = جيد
- السبعينات = مشكلة
- أقل من 50 = سيء
المشكلة هي أن مواقع الويب لا تعيش في مختبر معقم.
يعيشون في:
- اتصالات مستخدم مختلفة،
- أجهزة مختلفة،
- الصفحات التي قد تقوم بتحميل أدوات الدردشة والتتبع والتضمين والبرامج النصية الأخرى،
- وسلوك المستخدم الذي لا يتطابق أبدًا من زائر إلى آخر.
لذا، إذا كنت تريد التحدث عن سرعة موقع الويب بجدية، فأنت بحاجة إلى الفصل بين أمرين:
- ما الذي يقيسه PageSpeed Insights؟
- ما الذي يتم قياسه من خلال مؤشرات أداء الويب الأساسية؟
قد تبدو متشابهة، ولكن الغرض منها مختلف.
ما الذي يتم قياسه فعليًا لنقاط سرعة الصفحة؟
تأتي نتيجة الأداء في PageSpeed Insights من Lighthouse.
Lighthouse عبارة عن تدقيق للأداء قائم على المختبر. وهذا يعني أن Google تجري مجموعة من الاختبارات الخاضعة للرقابة على صفحتك للتحقق من الإشارات مثل:
- مدى سرعة ظهور المحتوى الأول،
- مدى سرعة ظهور العنصر الأكبر،
- مقدار الحظر الذي يحدث على الموضوع الرئيسي،
- مدى استقرار التخطيط،
- وغيرها من الإشارات الفنية التي تؤثر على تجربة التحميل.
باختصار النتيجة مفيدة جداً لـ:
- إيجاد الاختناقات،
- المقارنة قبل مقابل بعد،
- تحديد المجالات التقنية الثقيلة،
- وتوجيه التحسينات.
لا أعتقد أن نتيجة PageSpeed غير مهمة.
ما أعتقد أنه خطأ هو التعامل معه باعتباره التعريف الوحيد لموقع الويب السريع.
من الأفضل استخدام المنارة كأداة تشخيص، وليس كحكم نهائي.
ما الذي يتم قياسه فعليًا من خلال مؤشرات الويب الأساسية؟
تختلف مؤشرات أداء الويب الأساسية.
إنها ليست مجرد نتيجة مختبرية محاكاة. إنه قياس أقرب بكثير إلى تجربة المستخدم الحقيقية.
المقاييس الثلاثة الرئيسية اليوم هي:
- LCP للتحميل
- INP للاستجابة
- CLS للاستقرار البصري
الأهداف “الجيدة” الحالية هي:
LCP <= 2.5 seconds
INP <= 200 ms
CLS <= 0.1
ما يفتقده الناس غالبًا هو أن حالة النجاح/الفشل تعتمد على النسبة المئوية الخامسة والسبعين لتجربة المستخدم الحقيقية، ويتم تمرير البيانات على مدى 28 يومًا.
وهذا يعني أن Core Web Vitals لا تطلب ما يلي:
“هل يمكن لهذه الصفحة أن تبدو سريعة في اختبار مثالي واحد؟”
وهو أقرب إلى السؤال:
“هل يحصل معظم المستخدمين الحقيقيين على تجربة جيدة عند فتح هذا الموقع؟”
بالنسبة للأعمال، أعتقد أن السؤال الثاني يهم أكثر.
إذًا أيهما أكثر أهمية؟
لو كان علي أن أختار واحدا فقط فسأختار:
تم اجتياز مؤشرات أداء الويب الأساسية
لماذا؟
لأن الهدف ليس لقطة شاشة جميلة. الهدف هو تجربة جيدة للمستخدمين الحقيقيين.
يجب على الموقع الإلكتروني الصحي أن:
- أشعر بالسرعة عند فتحه،
- لا يتأخر عند قيام المستخدمين بالتمرير أو النقر،
- عدم تغيير التخطيط بشكل غير متوقع،
- وعدم معاقبة المستخدمين الذين لديهم أجهزة أضعف أو اتصالات أبطأ.
تعد مؤشرات أداء الويب الأساسية أقرب إلى تلك النتائج.
تساعدني نتيجة PageSpeed على فهم سبب أداء الموقع بالطريقة التي يعمل بها وأين يجب تحسينه.
لذلك من الناحية العملية، يتم فهم العلاقة بشكل أفضل على النحو التالي:
- مؤشرات أداء الويب الأساسية = مؤشر لجودة تجربة المستخدم الحقيقية
- نتيجة PageSpeed = أداة لتشخيص مصدر المشكلات
إنهم ليسوا أعداء. إنهم ليسوا نفس الشيء أيضًا.
لا يحتاج موقع الويب السريع دائمًا إلى 100 نقطة
هذا هو الجزء الذي أعتقد أنه يجب على كل صاحب عمل أن يفهمه.
موقع الويب الذي يبدو سريعًا في العالم الحقيقي لن يحصل دائمًا على درجة 100.
لماذا؟
لأن مواقع الأعمال الحقيقية غالبًا ما تتضمن:
- التحليلات،
- أدوات الدردشة،
- بكسلات التتبع،
- النماذج،
- مقاطع الفيديو المدمجة،
- البرامج النصية لجهة خارجية،
- الخطوط الخارجية،
- أو المزيد من التخطيطات الغنية بصريًا.
كل ذلك يمكن أن يقلل من نقاط Lighthouse حتى عندما تكون تجربة المستخدم الشاملة سليمة.
في العديد من مشاريع WordPress، يسعدني حقًا رؤية نتائج مثل:
- درجة الهاتف المحمول في نطاق 85-95+
- درجة سطح المكتب قريبة من 100
- تم اجتياز مؤشرات أداء الويب الأساسية
- لا تزال صفحات الأعمال الرئيسية سريعة ومستقرة
عند هذه النقطة، أنت تقوم بالتحسين من أجل الواقع، وليس فقط من أجل الرقم المثالي.
من ناحية أخرى، الحصول على 100 لا يعني الأمان دائمًا
وهذا مهم أيضًا.
يمكنك الاطلاع على نتيجة PageSpeed عالية جدًا اليوم، ولكن تجربة المستخدم الحقيقية على مدار آخر 28 يومًا قد لا تكون جيدة.
لماذا؟
لأن المستخدمين الحقيقيين يفتحون موقعك في ظروف غير مطابقة للاختبار المعملي:
- اتصالات الهاتف المحمول غير مستقرة،
- هواتف أندرويد متوسطة المدى،
- الصفحات الداخلية التي تكون أثقل من الصفحة الرئيسية،
- البرامج النصية التي تعمل فقط في ظروف معينة،
- أو أنماط حركة المرور التي تتغير باستمرار.
لذا، إذا أصبح شخص ما راضيًا للغاية لمجرد أنه حصل على درجة 100، فعادةً ما أريد أن أسأل:
ماذا تقول البيانات الميدانية؟
إذا لم يتم اجتياز Core Web Vitals بعد، فلا تزال هناك مشكلة حقيقية يشعر بها المستخدمون الحقيقيون، حتى لو كان الاختبار المعملي يبدو رائعًا.
كيفية قراءة رؤى PageSpeed بشكل أكثر دقة
عندما أقوم بتدقيق موقع ويب، لا أبدأ من درجة الأداء.
عادةً ما أقرأها بالترتيب التالي:
1. تحقق من تقييم مؤشرات أداء الويب الأساسية أولاً
إذا كانت الحالة Passed، فهذه علامة جيدة.
إذا كانت الحالة Failed، فأنا لا أحتفل لمجرد أن الأرقام الأخرى تبدو جميلة. وهذا يعني أن المستخدمين الحقيقيين ما زالوا لا يحصلون على تجربة جيدة بما فيه الكفاية.
2. اقرأ البيانات الميدانية قبل بيانات المختبر
أريد أن أرى:
- إل سي بي
- إنب
- سي إل إس
- فكب
- تتفب
في هذه المرحلة، يمكنني عادةً البدء في تخمين مكان عنق الزجاجة: الخادم، أو العرض، أو الأصول، أو التفاعل، أو استقرار التخطيط.
3. استخدم النتيجة وتدقيق المنارة كخريطة إصلاح
هذا هو المكان الذي تصبح فيه نقاط الأداء مفيدة.
أستخدمه للتحقق:
- ما هي الموارد التي تمنع العرض،
- ما إذا كانت JavaScript ثقيلة جدًا،
- ما إذا كانت الصور كبيرة الحجم،
- ما إذا كان التخزين المؤقت غير فعال،
- ما إذا كان الخط والأصول ذات الأولوية لم يتم تكوينها بشكل جيد،
- أو ما إذا كان DOM كبيرًا جدًا.
بمعنى آخر، تساعدني نتيجة PageSpeed في حل المشكلات، ولكنها ليست المقياس الوحيد لمعرفة ما إذا كان الموقع سريعًا بدرجة كافية.
ما الذي يجب أن أعطيه الأولوية في الممارسة العملية؟
عند العمل على مواقع الأعمال التجارية، أولويتي عادةً ليست “كيف تحصل على 100؟”
أولويتي هي أكثر مثل هذا:
1. تأكد من أن أساسيات الاستضافة والخادم ليست هي عنق الزجاجة
في العديد من مواقع WordPress، المشكلة الأكبر ليست في التصميم. إنها:
- استضافة ضعيفة،
- ارتفاع TTFB،
- موارد الخادم محدودة،
- أو سوء إعداد التخزين المؤقت.
ولهذا السبب فإن الكثير من مكاسب الأداء تأتي من تحسين الاستضافة أو إعادة صياغة أساس الخادم أولاً، وليس من إعادة التصميم بالكامل.
إذا كان عنق الزجاجة الرئيسي هو الخادم أو الموارد أو إعداد استضافة ضعيف، فمن الأفضل عادةً البدء من هناك. ولهذا النوع من الاحتياجات، أقدم أيضًا استضافة مواقع الويب لمواقع الويب التجارية التي تحتاج إلى أداء مستقر ودعم شخصي.
2. تأكد من أن الصفحات الأكثر أهمية سليمة بالفعل