السرعة ليست رفاهية تقنية؛ هي أول انطباع يكوّنه الزائر عنك. موقع يتأخر ثلاث ثوانٍ كثيراً ما يخسر زائره قبل أن يقرأ سطراً واحداً. ولقياس هذه التجربة تعتمد محركات البحث ثلاثة مؤشرات تُعرف باسم Core Web Vitals.

المؤشرات الثلاثة ببساطة

  • LCP (أكبر محتوى مرئي): كم يستغرق ظهور أكبر عنصر في الصفحة، عادةً صورة الواجهة أو العنوان الرئيسي. الجيد أن يكون أقل من 2.5 ثانية.
  • INP (التفاعل حتى الاستجابة): كم يستغرق الموقع ليستجيب بصرياً بعد نقرة أو لمسة. الجيد أقل من 200 ميلي ثانية. وقد حلّ هذا المؤشر محل FID في عام 2024.
  • CLS (ثبات التخطيط): هل تقفز العناصر أثناء التحميل؟ الجيد أن تكون القيمة أقل من 0.1.

أكثر ما يبطئ المواقع الصغيرة

في تجربتي مع مواقع الشركات، تتكرر المشكلات نفسها: صور ضخمة بأحجام كاميرا الجوال، وخطوط تُحمَّل متأخرة، ومكتبات جافاسكربت لا يستخدمها أحد، وإضافات طرف ثالث (تحليلات، دردشة، أدوات إعلانية) تتراكم صامتة.

خطوات عملية تعطي أثراً سريعاً

  1. ضغط الصور وتحويلها إلى WebP أو AVIF، واجعل عرضها مناسباً للمساحة المعروضة فعلاً.
  2. تحديد أبعاد الصور في الوسم لتحجز المتصفح مكانها فلا يقفز التخطيط.
  3. التحميل الكسول للصور التي تحت الشاشة الأولى.
  4. تأجيل السكربتات غير الضرورية للعرض الأول.
  5. تفعيل الكاش والضغط من الاستضافة، واستخدام شبكة توصيل محتوى (CDN) للجمهور البعيد.
  6. مراجعة أدوات الطرف الثالث وإزالة ما لا تحتاجه.
<img src="hero.webp" width="1200" height="630"
     alt="وصف الصورة" fetchpriority="high">
<img src="gallery-1.webp" width="600" height="400"
     alt="" loading="lazy">

كيف تقيس؟

استخدم أداة PageSpeed Insights ولوحة Search Console، وانظر إلى بيانات المستخدمين الفعليين لا إلى الاختبار المعملي فقط. وقِس على الجوال أولاً، فهو حيث تظهر المشكلات.

الموقع السريع لا يرضي جوجل فقط؛ بل يرفع نسبة من يكمل القراءة ومن يتواصل معك.

ابدأ بالصور فهي غالباً أكبر مكسب، ثم قِس مجدداً. وإن أردت مراجعة سرعة موقعك الحالي وتحديد أولويات التحسين، فأنا جاهز للمساعدة.