تقنيات الويب·اتجاهات عالمية
سرعة الموقع ومقاييس Core Web Vitals: كيف تجعل موقعك العربي أسرع؟
ثلاثة مقاييس تحدد تجربة زائرك على الصفحة. نشرح معناها، وأين تضيع الثواني في المواقع العربية، وكيف تقيس وتحسّن خطوة بخطوة.
الخلاصة قبل أن تقرأ
- ١ثلاثة مقاييس تهم جوجل في تجربة الصفحة: LCP وINP وCLS.
- ٢أكبر مكاسب السرعة تأتي عادةً من الصور والخطوط والسكربتات الخارجية.
- ٣قِس على جوال متوسط واتصال عادي، لا على جهازك المكتبي.
الزائر لا ينتظر. إن لم تظهر الصفحة بسرعة أو قفز المحتوى أمام إصبعه أثناء التحميل، يغادر. وجوجل يقيس هذه التجربة بثلاثة مقاييس تُعرف باسم Core Web Vitals.
المقاييس الثلاثة
- LCP: زمن ظهور أكبر عنصر في الشاشة، والمقبول 2.5 ثانية أو أقل.
- INP: سرعة استجابة الصفحة لتفاعل المستخدم كالنقر، والمقبول 200 مللي ثانية أو أقل.
- CLS: ثبات التخطيط وعدم قفزه أثناء التحميل، والمقبول 0.1 أو أقل.
أين تضيع الثواني؟
- صور كبيرة غير مضغوطة: استخدم صيغاً حديثة مثل WebP أو AVIF وأحجاماً مناسبة للشاشة.
- خطوط عربية ثقيلة: حمّل الأوزان التي تستخدمها فقط، واضبط font-display مع خط بديل مناسب.
- سكربتات خارجية: التحليلات وأدوات الدردشة والإعلانات قد تبطئ الصفحة أكثر من موقعك نفسه.
- جافاسكربت زائد: لا ترسل للمتصفح كوداً لا تحتاجه الصفحة.
ما الذي يقدمه الإطار؟
أطر مثل Next.js تقدم تحسيناً للصور والخطوط والتحميل الكسول، لكنها لا تصلح القرارات السيئة: صورة بحجم 5 ميغابايت تبقى ثقيلة مهما كان الإطار.
كيف تقيس وتحسّن؟
- افتح PageSpeed Insights وأدخل رابط صفحتك.
- راجع تقرير Core Web Vitals في Search Console لترى بيانات الزوار الفعليين.
- ابدأ بأبطأ صفحة تجلب زيارات.
- أعد القياس بعد كل تغيير لتعرف ما نفع فعلاً.
أسئلة شائعة
هل السرعة تؤثر على ترتيب الموقع؟
تجربة الصفحة إشارة من عدة إشارات، وليست بديلاً عن محتوى مفيد. لكنها تؤثر مباشرة في بقاء الزائر وتحوّله إلى عميل.
