أصبحت مؤشرات Core Web Vitals جزءاً أساسياً من خوارزميات ترتيب Google. في هذا المقال نستعرض كيفية تحسينها تحديداً في المواقع المبنية بـ Bricks Builder وJetEngine.
LCP — Largest Contentful Paint
الهدف: أقل من 2.5 ثانية. أكثر ما يؤثر عليه في مواقع Bricks هو الصورة الرئيسية في الهيرو سيكشن. الحل: أضف fetchpriority="high" للصورة الأولى، وتأكد من عدم تفعيل Lazy Load عليها. كذلك استخدم تنسيق WebP وحجّم الصور بـ Cloudinary أو ShortPixel.
CLS — Cumulative Layout Shift
الهدف: أقل من 0.1. السبب الأكثر شيوعاً في مواقع Bricks هو عدم تحديد أبعاد الصور مسبقاً. تأكد من وضع width وheight على جميع عناصر img، واحذر من الـ ads والـ embeds التي تُحرّك المحتوى لحظة التحميل.
INP — Interaction to Next Paint
الهدف: أقل من 200ms. هذا المؤشر الجديد يقيس سرعة استجابة الموقع للتفاعل. في JetEngine: قلّل عدد نقاط ajax في صفحة واحدة، واستخدم Debounce على فلاتر البحث لتجنب طلبات متكررة عند الكتابة.
أدوات القياس الموصى بها
PageSpeed Insights للاختبار الحقيقي، وChrome DevTools → Performance لتحليل مفصّل، وWeb Vitals Extension للمراقبة الفورية أثناء التصفح.