سرعة الموقع وCORE WEB VITALS.
الموقع البطيء أو المتقافز يخسر العملاء قبل أن يقرؤوا كلمة. تقيس Google هذه التجربة بثلاثة مقاييس Core Web Vitals. إليك معناها، وكيف تختبر موقعك مجانًا، والإصلاحات الأهم عادةً في موقع نشاط صغير.
ما الذي تغيّر مؤخرًا
- تعدّ Google اختطاف زر الرجوع رسائل غير مرغوب فيها — منع زر الرجوع في المتصفح أصبح ممارسة مسمّاة ضمن الرسائل غير المرغوب فيها.
يغطي هذا الدليل ما يبقى صحيحًا. والمدونة تتابع التغييرات فور حدوثها.
المقاييس الثلاثة
تصف Google مقاييس Core Web Vitals بأنها مجموعة مقاييس تقيس تجربة المستخدم الفعلية في أداء التحميل والتفاعلية والاستقرار البصري.2 وحلّ Interaction to Next Paint (INP) محل First Input Delay ضمن Core Web Vitals في 2024.1
| المقياس | ما يقيسه | جيد |
|---|---|---|
| Largest Contentful Paint (LCP) | التحميل: متى يظهر المحتوى الرئيسي [1] | 2.5 ثانية أو أقل [1][3] |
| Interaction to Next Paint (INP) | الاستجابة: مدى سرعة تفاعل الصفحة مع اللمسات والنقرات والكتابة [1] | 200 ملّي ثانية أو أقل [1][3] |
| Cumulative Layout Shift (CLS) | الاستقرار البصري: مقدار تقافز الصفحة أثناء التحميل [1] | 0.1 أو أقل [1][3] |
يوصي web.dev بالقياس عند المئين 75 من مرات تحميل الصفحة، بشكل منفصل للجوال وسطح المكتب.1 يصنّف Search Console قيم LCP حتى 4 ث، وINP حتى 500 ms، وCLS حتى 0.25 على أنها «Needs improvement» (تحتاج إلى تحسين)، وما فوقها على أنه «Poor» (ضعيف).3
هل تؤثر في الترتيب؟
تقول Google إن Core Web Vitals الجيدة تتوافق مع ما تسعى أنظمة الترتيب الأساسية لديها إلى مكافأته، ضمن تجربة صفحة أوسع.2 إنها اعتبار واحد من اعتبارات كثيرة. الصفحة السريعة ذات المحتوى الضعيف أو غير المفيد لن تتفوق على إجابة أفضل، لذا تعامل مع السرعة كوسيلة للاحتفاظ بالزوار الذين تكسبهم بالفعل.
كيف تختبر موقعك
| الأداة | ما تعرضه | انتبه |
|---|---|---|
| PageSpeed Insights | بيانات استخدام فعلي من مستخدمي Chrome الحقيقيين (CrUX) إضافة إلى بيانات مختبرية من Lighthouse، للجوال وسطح المكتب [4] | تغطي البيانات الفعلية فترة 28 يومًا الماضية، لذا تستغرق الإصلاحات وقتًا لتظهر؛ وقد تختلف نتائج المختبر عن النتائج الفعلية [4] |
| تقرير Core Web Vitals في Search Console | مجموعات من عناوين URL المتشابهة مصنّفة Good أو Needs improvement أو Poor، بناءً على بيانات المستخدمين الحقيقيين [3] | قد ترى المواقع الصغيرة «No data available» عندما لا تتوفر بيانات CrUX كافية [3] |
لا توجد بيانات فعلية بعد؟ استخدم نتائج المختبر في PageSpeed Insights كدليل، واختبر أهم صفحاتك: الرئيسية والخدمات والتواصل.
إصلاحات شائعة للأنشطة الصغيرة
- صغّر الصور. اضغط الصور واستخدم صيغ صور حديثة.5 صورة الهاتف القادمة مباشرة من الكاميرا تكون عادةً أكبر بكثير مما تحتاجه الشاشة.
- لا تستخدم التحميل الكسول لصورة الواجهة الرئيسية. يقول web.dev لا تستخدم أبدًا التحميل الكسول لصورة LCP، ويمكن للسمة
fetchpriorityأن تخبر المتصفح بالموارد الأهم.5 - حدّد حجمًا للصور والعناصر المضمّنة. أضف السمتين
widthوheight، أو احجز المساحة باستخدام CSSaspect-ratio، حتى لا يتزحزح المحتوى.6 - خطّط لخطوط الويب. تبديل الخط قد يحرّك النص أثناء تحميل الخط؛ اختر خطًا احتياطيًا قريبًا منه.6
- قلّل نصوص الأطراف الثالثة البرمجية. أدوات الدردشة وأدوات التتبع والعناصر المضمّنة تتراكم. يقول web.dev احذف النص البرمجي إن لم يضف قيمة واضحة، وحمّل نصوص الأطراف الثالثة بشكل غير متزامن ما لم يلزم تشغيلها قبل عرض الصفحة.7
- أبقِ معالجات النقر خفيفة. من أجل INP، ينصح web.dev بتقليل العمل في استدعاءات الأحداث قدر الإمكان وتقسيم المهام الطويلة.8
- استخدم استضافة جيدة وCDN. يوصي web.dev بشبكة توصيل محتوى لتقليل المسافة التي تقطعها الملفات.5
السرعة جزء من الموقع القابل للاستخدام. يغطي دليل إمكانية الوصول إلى المواقع لدينا النصف الآخر: الأشخاص الذين يستخدمون لوحات المفاتيح أو قارئات الشاشة أو التكبير.
الأسئلة الشائعة
درجتي في PageSpeed منخفضة لكن Search Console يقول Good. أيهما على حق؟
قد يكون كلاهما. الدرجة تأتي من اختبار مختبري محاكى؛ أما Search Console فيستخدم زوارًا حقيقيين على مدى فترة. توضح Google أن بيانات المختبر والبيانات الفعلية قد تختلف.4
هل أحتاج إلى 100 كاملة؟
لا. استهدف حدود «الجيد» المذكورة أعلاه في صفحاتك الرئيسية، ثم اصرف وقتك على المحتوى والعملاء.
هل يضمن الموقع الأسرع مزيدًا من العملاء المحتملين؟
لا أحد يستطيع أن يعد بذلك. السرعة تزيل العوائق؛ أما عرضك وتقييماتك ومتابعتك فهي التي تبيع.
المصادر
- web.dev، Web Vitals.
- Google Search Central، Understanding Core Web Vitals and Google search results.
- Search Console Help، Core Web Vitals report.
- وثائق PageSpeed Insights، About PageSpeed Insights.
- web.dev، Optimize Largest Contentful Paint.
- web.dev، Optimize Cumulative Layout Shift.
- web.dev، Efficiently load third-party JavaScript.
- web.dev، Optimize Interaction to Next Paint.
تابع القراءة
احجز مكالمة استراتيجية
لست متأكدًا لماذا يبدو موقعك بطيئًا؟ أرسل لنا الرابط وسنشرح لك ما الذي يعيقه.