كيف تحسّنون سرعة الموقع ومؤشرات Core Web Vitals

يبدو الموقع السريع أكثر جدارة بالثقة، ويُبقي الزوار في الصفحة، ويسهل على محركات البحث الزحف إليه. وتقيس Google تجربة المستخدمين الحقيقيين بثلاثة مؤشرات تُعرف باسم Core Web Vitals، وهي هدف عملي جيد لأي موقع أعمال.

الأرقام الثلاثة

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

يمكنكم رؤية هذه الأرقام لموقعكم في Google Search Console وفي PageSpeed Insights.

الصور عادةً هي المكسب الأكبر

قدّموا الصور بالحجم الذي تُعرض به، وبصيغ حديثة مثل WebP أو AVIF، واضغطوها. وحمّلوا الصور الموجودة أسفل الشاشة تحميلاً متأخراً، لكن حمّلوا الصورة الرئيسية أعلى الصفحة فوراً. وحدّدوا دائماً العرض والارتفاع حتى لا تقفز الصفحة.

حمّلوا سكربتات أقل

كل أداة دردشة وأداة تتبع وشريط عرض صور تضيف شيفرة يجب أن ينزّلها الهاتف ويشغّلها. أزيلوا السكربتات التي لا تستخدمونها، وحمّلوا الباقي بعد المحتوى الرئيسي، وتجنبوا المكتبات الكبيرة من أجل تأثيرات صغيرة.

خطوط بلا انتظار

استخدموا أوزان الخطوط التي تحتاجونها فقط، واستضيفوها مع الموقع حيث أمكن، واستخدموا font-display: swap حتى يظهر النص فوراً. وحمّلوا الخطوط الخاصة بلغة معينة، مثل الخط العربي، في الصفحات التي تستخدمها فقط.

التخزين المؤقت والضغط

يمكن للمتصفح تخزين الملفات الثابتة مثل الصور وملفات التنسيق والسكربتات لفترة طويلة، مع رقم إصدار في اسم الملف أو رابطه حتى تصل التحديثات. وفعّلوا الضغط على الخادم للملفات النصية.

استضافة تناسب جمهوركم

الخادم القريب من زواركم، والإصدار الحالي من لغة البرمجة، والذاكرة الكافية كلها تقلل الوقت حتى وصول أول بايت. وللجمهور في الهند والخليج معاً، يمكن لشبكة توصيل المحتوى (CDN) أن تقدّم الملفات الثابتة من مواقع قريبة.

قيسوا، غيّروا شيئاً واحداً، ثم قيسوا مجدداً

سجّلوا نتائجكم، ونفّذوا تحسيناً واحداً في كل مرة، ثم قيسوا مجدداً. وتتحدث البيانات الميدانية في Search Console على مدى عدة أسابيع، لذلك تحلّوا بالصبر وتابعوا الاتجاه العام لا نتيجة اختبار واحد.

ناقش مشروعاً