Core Web Vitals
تُعد Core Web Vitals من عوامل الترتيب لدى Google منذ عام 2021. يقيس LCP سرعة التحميل، ويقيس INP زمن الاستجابة للتفاعل، بينما يقيس CLS الثبات البصري. تحافظ Detartech على هذه المقاييس ضمن النطاق "الجيد" في جميع مشاريعها.
الميزات
- تحسين LCP وINP وCLS
- PageSpeed Insights وLighthouse CI
- تحسين تلقائي عبر next/image وnext/font
- حماية من التراجع في الأداء ضمن CI/CD
- التكامل مع Google Search Console
حالات الاستخدام
- أي موقع يستهدف حركة البحث العضوية
- تحسين معدل التحويل في التجارة الإلكترونية
- المواقع التي تعاني من ارتفاع معدل الارتداد
- المشاريع ذات الأولوية للجوال
التفاصيل
ما هي Core Web Vitals؟
Core Web Vitals هي مجموعة من المعايير التي حددتها Google لقياس ثلاثة أبعاد من تجربة المستخدم بمقاييس ملموسة. هذه المقاييس، التي أصبحت من إشارات الترتيب في نتائج البحث اعتبارا من عام 2021، تقيّم الجودة التقنية للصفحة من منظور المستخدم.
LCP (Largest Contentful Paint) - يقيس المدة التي يستغرقها عرض أكبر عنصر محتوى في المنطقة المرئية من الصفحة. الهدف: 2.5 ثانية أو أقل. INP (Interaction to Next Paint) - يقيس زمن الاستجابة البصرية للصفحة عند تفاعل المستخدم (النقر، إدخال لوحة المفاتيح). الهدف: 200 مللي ثانية أو أقل. CLS (Cumulative Layout Shift) - يقيس مقدار الإزاحة البصرية غير المتوقعة للعناصر أثناء تحميل الصفحة واستخدامها. الهدف: 0.1 أو أقل.
عملية التحسين في Detartech
في المشاريع التي نطورها باستخدام Next.js، يعمل التحسين المدمج للصور (next/image) وتحسين الخطوط (next/font) وبنية Server Components على تحسين قيم LCP وCLS تلقائيا. أما لتحسين INP، فنستخدم بشكل استراتيجي ميزات العرض المتزامن (concurrent rendering) في React وحدود Suspense.
قبل تسليم كل مشروع، تُجرى اختبارات أداء شاملة باستخدام PageSpeed Insights وChrome DevTools. يوفر تكامل Lighthouse CI حماية من التراجع ضمن خط أنابيب CI/CD: عند انخفاض درجات Core Web Vitals عن حد معين، يتوقف النشر تلقائيا.
لنستخدم هذه التقنية في مشروعك
فريقنا متخصص في هذه التقنية. دعنا نقيّم مشروعك معًا.
اطلب استشارة مجانية