سرعة الموقع ليست رقماً تتباهى به، بل تجربة يشعر بها الزائر في أول ثانيتين. والجميل أن أغلب البطء يأتي من أسباب قليلة ومتكرّرة، يمكن فحصها قبل الإطلاق.
01ابدأ بالقياس
قبل أي تحسين قِس الوضع الحالي. أداة مثل Lighthouse في متصفح Chrome تعطيك صورة سريعة، وتركّز على ثلاثة مؤشرات تعبّر عن تجربة المستخدم: LCP (سرعة ظهور أكبر عنصر)، وINP (سرعة الاستجابة للتفاعل)، وCLS (ثبات التخطيط وعدم قفزه أثناء التحميل). جرّب على جوال حقيقي أيضاً، فالحاسوب يُخفي مشاكل كثيرة.
02الصور: أكبر مصدر للثقل غالباً
- غيّر الصيغة: WebP أو AVIF أصغر بكثير من PNG لنفس الجودة في أغلب الصور.
- غيّر المقاس: لا ترفع صورة بعرض 3000 بكسل لتُعرض بعرض 400.
- حدّد الأبعاد: تحديد العرض والارتفاع يمنع قفز الصفحة عند ظهور الصورة.
- أجّل ما تحت الشاشة: الصور البعيدة لا تحتاج التحميل فوراً (
loading="lazy").
03الخطوط
الخطوط العربية أثقل من اللاتينية عادةً. حمّل الأوزان التي تستخدمها فقط، واستضفها من موقعك بدل خدمة خارجية إن أمكن، واستخدم font-display: swap حتى يظهر النص فوراً بخط بديل بدل أن تنتظر الصفحة فارغة.
04الجافاسكربت
كل ما تحمّله من سكربتات يجب أن يُحلَّل وينفَّذ على جهاز الزائر، وأجهزة الجوال المتوسطة هي المتضرّر الأول. راجع ما تضيفه من مكتبات وأدوات تتبّع، واحذف ما لا تستخدمه، وأجّل ما ليس ضرورياً لأول عرض.
05الخلاصة
اقِس، ثم عالج الصور، ثم الخطوط، ثم السكربتات، وأعد القياس. موقع أخف بقليل من الإضافات يفتح أسرع، ويكلّفك أقل في الاستضافة، ويحبّه الزائر وتحبّه محركات البحث.
