كيف تقيس LCP و INP و CLS لموقعك دليل Core Web Vitals للمبتدئين

أدوات اختبار سرعة المواقع : من PageSpeed Insights إلى Core Web Vitals

في 2025، لم يعد "سرعة الموقع" مجرد رقم يُقاس بالثواني. جوجل الآن تستخدم نظام Core Web Vitals (مؤشرات الأداء الأساسية) لتحديد ترتيب موقعك في نتائج البحث، وتركز على تجربة المستخدم الحقيقية وليس فقط سرعة التحميل النظرية. إذا كنت لا تزال تستخدم أدوات قديمة لا تقيس LCP (سرعة عرض أكبر عنصر) أو INP (سرعة الاستجابة) أو CLS (استقرار الصفحة)، فأنت تفتقد نصف الصورة.

في هذا الدليل المحدث، نستعرض الأدوات التي تعمل فعلاً في 2025، نحذرك من الأدوات التي توقفت أو أصبحت عفا عليها الزمن، ونركز على القياسات التي تهم جوجل حقاً. سواء كنت تدير مدونة على Blogger أو متجر إلكتروني أو موقع شركة، هذه الأدوات ستساعدك في دخول العام الجديد بموقع أسرع وأكثر تنافسية.

تحذير: هذه الأدوات لم تعد موصى بها

قبل أن نبدأ بالأدوات الجيدة، دعني أنبهك على أدوات ذكرتها كثير من المقالات القديمة لكنها أصبحت غير مناسبة في 2025:

Varvy PageSpeed - توقف عن العمل

موقع Varvy الذي كان يقدم تقارير مفصلة عن CSS و JavaScript توقف عن العمل منذ سنوات. إذا جربت الرابط القديم، ستجد صفحة غير متوفرة أو تحويلاً لموقع آخر غير متعلق باختبار السرعة.

Pingdom - عفا عليه الزمن

Pingdom لا يزال يعمل، لكنه يعتمد على تقنيات قديمة (YSlow) عمرها 20 عاماً ولا يدعم مقاييس Core Web Vitals الحديثة . النتائج التي يعطيكها قد تكون أسرع من الواقع لأنه يختبر من مراكز بيانات فائقة السرعة، ولا يحاكي تجربة المستخدم الحقيقية على الهاتف المحمول.

KeyCDN Speed Test - غير موثوق

أداة KeyCDN كانت مفيدة في السابق، لكنها اليوم غير موجودة في قوائم أفضل الأدوات لعام 2025، وموقعها الرئيسي يقدم خدمات CDN فقط دون أداة اختبار سرعة مجانية متخصصة.

الأداة الأولى: Google PageSpeed Insights (الأهم في 2025)

إذا كانت لديك أداة واحدة فقط لاختبار سرعة موقعك، فليكن هذه. PageSpeed Insights لم يعد مجرد "أداة إضافية"، بل أصبح المعيار الذهبي الذي تعتمد عليه جوجل لتقييم موقعك.

ما يميز الأداة في 2025:

• بيانات الميدان (Field Data): تعرض بيانات حقيقية من مستخدمي Chrome الذين زاروا موقعك خلال 28 يوماً الماضية . هذه البيانات تأتي من تقرير CrUX (Chrome User Experience Report) وتعكس تجربة المستخدمين الحقيقيين وليس اختباراً مختبرياً.
• مقاييس Core Web Vitals: تقيس LCP (سرعة عرض أكبر عنصر)، INP (سرعة الاستجابة للتفاعلات)، و CLS (استقرار التصميم البصري) .
• درجة من 0 إلى 100: واضحة وسهلة الفهم، مع اقتراحات محددة للتحسين.
• اختبار الموبايل والديسكتوب: تعطي نتائج منفصلة للجهازين، مما يعكس أهمية Mobile-First Indexing.

العيب الوحيد: لا توفر مراقبة مستمرة (Monitoring) أو تاريخاً للنتائج. لذا يجب عليك حفظ النتائج يدوياً أو استخدام أداة أخرى للمتابعة المستمرة.

الأداة الثانية: GTmetrix (الأفضل للمراقبة المستمرة)

GTmetrix تطورت كثيراً في السنوات الأخيرة. لم تعد تعتمد على قواعد YSlow القديمة، بل أصبحت تعمل بمحرك Lighthouse نفسه المستخدم في PageSpeed Insights، مع إضافات مفيدة .

المميزات الحديثة:

• رسوم بيانية Waterfall: تظهر كيفية تحميل كل عنصر في الصفحة بالتفصيل، مما يساعد في اكتشاف العناصر الثقيلة.
• اختبار من مواقع جغرافية متعددة: يمكنك اختبار الموقع من فرنسا، أمريكا، آسيا، وأفريقيا.
• محاكاة سرعات الاتصال المختلفة: 3G، 4G، 5G، و Fiber.
• تسجيل فيديو: يظهر كيفية ظهور الصفحة frame by frame أثناء التحميل.
• المراقبة المستمرة: تختبر موقعك كل ساعة أو يومياً وترسل تنبيهات إذا انخفضت السرعة.

الخطة المجانية تكفي للاستخدام الشخصي، بينما تبدأ الخطط المدفوعة من 14.95 دولاراً شهرياً للمميزات المتقدمة .

الأداة الثالثة: WebPageTest (الأعمق تقنياً)

WebPageTest الآن تابعة لـ Catchpoint، وهي أداة مفتوحة المصدر (Open Source) توفر أعمق تحليل تقني متاح مجاناً .

ما يميزها:

• اختبارات متقدمة جداً: يمكنك اختبار موقعك من 40+ موقعاً جغرافياً، على أجهزة iPhone حقيقية، وشبكات 3G بطيئة، ومتصفحات قديمة.
• مقارنة بصرية: تقارن بين نسختين من موقعك (قبل وبعد التحسين) مع فيديو side-by-side.
• تتبع المسار (Traceroute): لمعرفة أين يتأخر الاتصال بينك وبين الخادم.
• اختبارات متعددة Runs: تجري الاختبار 3 أو 9 مرات وتعطيك المتوسط، مما يزيل النتائج الشاذة.

الأداة مجانية للاستخدام الأساسي، مع خطط مدفوعة للشركات. هي الخيار الأفضل للمطورين المحترفين.

الأداة الرابعة: Google Search Console (للمراقبة المجانية)

بينما الأدوات السابقة تركز على اختبار صفحة واحدة، Google Search Console يعطيك نظرة شاملة على أداء موقعك بالكامل .

في قسم "Core Web Vitals" داخل Search Console، ترى:

• أي صفحات تعمل بشكل جيد (Good)
• أي صفحات تحتاج تحسيناً (Needs Improvement)
• أي صفحات تعمل بشكل سيء (Poor)

الميزة الكبرى: البيانات هنا حقيقية 100% من مستخدمي Chrome، ومجانية تماماً. العيب: لا تعطيك تفاصيل تقنية عن المشكلة، فقط تنبيه بوجود مشكلة. لذا يجب استخدامها مع PageSpeed Insights أو GTmetrix.

الأداة الخامسة: Chrome DevTools (للمطورين)

مباشرة من متصفح Chrome، يمكنك الوصول إلى أدوات تطوير متقدمة :

1. اضغط F12 أو Ctrl+Shift+I
2. اختر تبويب "Lighthouse"
3. اختبر الأداء على الموبايل أو الديسكتوب

الميزة هنا أنك تختبر موقعك محلياً أثناء التطوير، بما في ذلك المواقع غير المنشورة (Localhost) أو صفحات تتطلب تسجيل دخول. النتائج متسقة عادةً مع PageSpeed Insights لأنها تستخدم نفس المحرك (Lighthouse).

مقاييس Core Web Vitals: ما الذي يجب مراقبته؟

في 2025، لا تكتفي بمعرفة "كم ثانية يحمل الموقع". ركز على هذه المقاييس الثلاثة التي تؤثر مباشرة في ترتيبك في Google:

المقياس	الاسم الكامل	الهدف الجيد	ما يقيسه
LCP	Largest Contentful Paint	أقل من 2.5 ثانية	سرعة ظهور أكبر عنصر مرئي (صورة أو نص)
INP	Interaction to Next Paint	أقل من 200 ملي ثانية	سرعة استجابة الموقع للنقرات والتفاعلات
CLS	Cumulative Layout Shift	أقل من 0.1	استقرار الصفحة (هل العناصر تتحرك أثناء التحميل؟)

إذا كان موقعك يحقق الأهداف الثلاثة (اللون الأخضر في PageSpeed Insights)، فأنت في أفضل 10% من مواقع الويب من حيث تجربة المستخدم .

نصائح للحصول على نتائج دقيقة

اختبر أكثر من مرة: أوقات DNS الأولى تكون بطيئة عادةً. أجر الاختبار 3-5 مرات واستخدم المتوسط.

اختبر من مواقع جغرافية مختلفة: إذا كان جمهورك في السعودية، لا تكتفي باختبار من أمريكا. استخدم GTmetrix أو WebPageTest لاختبار من الرياض أو جدة.

ركز على الموبايل: Google تستخدم Mobile-First Indexing. اجعل اختبار نسخة الموبايل هو الأولوية.

لا تثق بالنتائج المختبرية فقط: Field Data (بيانات المستخدمين الحقيقية) أهم من Lab Data. إذا كان PageSpeed Insights يظهر نتائج جيدة مختبرياً لكن سيئة في بيانات الميدان، فالمشكلة حقيقية ويجب حلها.

هل PageSpeed Insights يستخدم Lighthouse؟

نعم، PageSpeed Insights يشغل Lighthouse على خوادم Google ويضيف فوقها بيانات CrUX الحقيقية من المستخدمين. الدرجة المختبرية تأتي من Lighthouse، بينما البيانات الحقلية تأتي من تقرير تجربة مستخدمي Chrome.

لماذا تختلف نتائج PageSpeed Insights عن Lighthouse المحلي؟

الاختلاف طبيعي لأن PageSpeed Insights يعمل على خوادم Google مع ظروف شبكة مختلفة عن جهازك المحلي. اختلاف 5-15 نقاط أمر طبيعي. الفرق الأكبر يكون في بيانات الميدان (Field Data) التي لا يمكن الحصول عليها إلا من PageSpeed Insights.

هل يمكن الحصول على درجة 100/100 في PageSpeed Insights؟

نعم في البيانات المختبرية (Lab Data)، لكن في بيانات الميدان (Field Data) قد تظل النتائج متفاوتة لأن المستخدمين الحقيقين لديهم أجهزة وشبكات متنوعة. لا تسعى للدرجة المثالية بأي ثمن، فالنتائج فوق 90 جيدة جداً.

ما الفرق بين Lab Data و Field Data؟

Lab Data هي اختبارات محاكاة في ظروف محددة ومثالية للتصحيح الأخطاء. Field Data هي بيانات حقيقية من مستخدمي Chrome الذين زاروا موقعك، وتعكس التجربة الحقيقية. Field Data أهم للـ SEO لأن Google تستخدمها في الترتيب.

كم مرة يجب اختبار سرعة الموقع؟

على الأقل مرة أسبوعياً. إذا كنت تدير متجر WooCommerce أو تحدث المحتوى يومياً، اختبر يومياً. اختبر أيضاً بعد أي تحديث للووردبريس أو الإضافات أو القالب.

الخلاصة: استراتيجية لقياس السرعة

لا تعتمد على أداة واحدة. الاستراتيجية المثلى هي:

1. استخدم PageSpeed Insights للحصول على نظرة سريعة ومقارنة مع معايير Google.
2. استخدم GTmetrix للمراقبة المستمرة واكتشاف المشاكل التقنية العميقة.
3. استخدم Google Search Console لمراقبة أداء الموقع بالكامل وليس صفحة واحدة.
4. تجنب Pingdom و Varvy لأنهما يستخدمان مقاييس قديمة.

تذكر: الهدف ليس الحصول على درجة 100، بل تحقيق تجربة مستخدم سلسة تؤدي إلى بقاء الزائر أطول في موقعك وتحويله إلى عميل. اكتشاف الأخطاء التقنية وإصلاحها هو الخطوة الأولى نحو ذلك.

هل جربت أياً من هذه الأدوات؟ شاركنا نتائج موقعك في التعليقات.

مواضيع قد تهمك ايضا :