Core Web Vitals WordPress : guide d'optimisation 2026

على الأجهزة المحمولة، يغادر 53 % من الزوار أي صفحة تستغرق أكثر من 3 ثوانٍ لتظهر. تُعبِّر «مؤشرات Core Web Vitals» عن هذه الحقيقة بأرقام: فهي المقاييس الثلاثة التي تستخدمها Google لقياس التجربة الفعلية لزوار موقعك، وتؤثر بشكل مباشر على ترتيبك في نتائج البحث. الخبر السار هو أن تحقيق نتائج إيجابية في هذه المقاييس على WordPress يعتمد على طريقة قابلة للتكرار، وليس على السحر. وإليك هذه الطريقة، مقياسًا تلو الآخر.

شرح المقاييس الثلاثة لـ «Core Web Vitals»

LCP، أكبر عنصر مرئي (الهدف: < 2,5 ثانية)

يقيس مؤشر LCP وقت تحميل العنصر الأكبر حجمًا الظاهر في نافذة العرض، وعادةً ما يكون ذلك الصورة الرئيسية أو العنوان H1. وتصنف Google مؤشر LCP الذي يتجاوز 4 ثوانٍ على أنه «سيئ». أما على الأجهزة المحمولة، فغالبًا ما تتراوح مدة تحميل مواقع WordPress غير المُحسَّنة بين 3 و6 ثوانٍ.

INP، التفاعل حتى الرسم التالي (الهدف: < 200 مللي ثانية)

يقيس مؤشر INP (الذي حل محل مؤشر FID في عام 2024) مدى استجابة موقعك للتفاعلات التي يقوم بها المستخدم، مثل النقرات، والنقرات باللمس، وإدخالات لوحة المفاتيح. ويُعدّ جافا سكريبت الثقيل السبب الرئيسي وراء انخفاض مؤشر INP. وغالبًا ما تقوم ملحقات ووردبريس بتحميل كميات زائدة من جافا سكريبت غير الضروري.

CLS، التغير التراكمي في التخطيط (الهدف: < 0,1)

يقيس مؤشر CLS الاستقرار البصري لصفحتك، والعناصر التي «تقفز» أثناء التحميل. وتعد الصور التي لا تحتوي على أبعاد محددة، والخطوط الإلكترونية التي تغير تخطيط الصفحة، والإعلانات التي يتم إدراجها، من الأسباب الرئيسية لذلك.

إجراءات ملموسة لتحسين LCP

تحميل الصورة الرئيسية مسبقًا باستخدام <link rel="preload" as="image">
استخدام شبكة توزيع المحتوى (CDN) (مثل Cloudflare أو BunnyCDN) لتقديم الصور من مركز بيانات قريب
تحويل جميع الصور إلى صيغة WebP أو AVIF (تخفيض الحجم بنسبة 30 إلى 50 %)
تفعيل ذاكرة التخزين المؤقت للصفحة (WP Rocket، أو W3 Total Cache، أو ذاكرة التخزين المؤقت لخادم Nginx)
تجنب عمليات إعادة التوجيه المتتالية على الصفحة الرئيسية
استخدام خدمة استضافة ذات زمن استجابة أولي (TTFB) أقل من 200 مللي ثانية (يُنصح باستخدام خدمة استضافة مُدارة)

يُعد التحميل المسبق للصورة الرئيسية الإجراء الأكثر فاعلية من حيث العائد، والأكثر إهمالاً. وبشكل ملموس، في <head> في صفحتك الرئيسية:

<link rel="preload" as="image"
      href="/wp-content/uploads/2026/hero.webp"
      fetchpriority="high">

<!-- Et sur la balise img elle-même : -->
<img src="/wp-content/uploads/2026/hero.webp"
     width="1280" height="720"
     fetchpriority="high" decoding="async" alt="…">

السمة fetchpriority="high" يُوجِّه المتصفح إلى تنزيل هذه الصورة قبل أي شيء آخر. في حالة استخدام سمة مصممة جيدًا، غالبًا ما يؤدي هذا التغيير وحده إلى توفير ما بين 0,5 و1,2 ثانية في وقت LCP.

إجراءات ملموسة لتحسين مؤشر الأداء الوطني (INP)

فحص وحذف المكونات الإضافية التي تقوم بتحميل جافا سكريبت غير ضروري على جميع الصفحات
تأجيل تحميل البرامج النصية غير الضرورية (تأجيل / async)
استخدام WP Rocket أو Perfmatters لتعطيل البرامج النصية لكل صفحة
تقليص حجم ملفات جافا سكريبت ودمجها
تجنب استخدام البرامج النصية التابعة لجهات خارجية (أدوات الدردشة، وأدوات التحليل غير الضرورية) على صفحات التحويل

المسبب الرئيسي لمشكلة INP في ووردبريس هو أدوات إنشاء الصفحات ومكتبات جافا سكريبت الخاصة بها التي يتم تحميلها في كل مكان. اختياراتنا من المكونات الإضافية التي لا غنى عنها حقًّا في ووردبريس توضح تلك التي تظل خفيفة الحجم؛ والقاعدة الذهبية هي: كل مكون إضافي = سبب محدد.

إجراءات ملموسة لتحسين مستوى الخدمة (CLS)

احرص دائمًا على تحديد السمات العرض و الارتفاع في الصور
تحميل خطوط Google Fonts مسبقًا أو استضافتها بنفسك
إضافة font-display: اختياري بالنسبة للخطوط غير الحاسمة
تخصيص مساحة للإعلانات واللافتات قبل تحميلها
تجنب استخدام تأثيرات CSS التي تُغيّر خصائص التخطيط (الهامش، التباعد الداخلي، العرض)

كيفية قياس مؤشرات Core Web Vitals (البيانات الميدانية مقابل البيانات المختبرية)

انتبه إلى سوء فهم شائع: النتيجة «المختبرية» لـ PageSpeed (اختبار واحد، جهاز موحد) ليست هي التي تستخدمها Google في التصنيف. ما يهم هو البيانات «الميدانية» (CrUX)، التي يتم جمعها من زوار موقعك الفعليين الذين يستخدمون متصفح Chrome على مدار 28 يومًا متتالية.

Search Console → مؤشرات الأداء الأساسية للويب : النتيجة الرسمية من Google، مصنفة حسب مجموعات عناوين URL، وعلى الأجهزة المحمولة وأجهزة سطح المكتب. هذه هي لوحة التحكم المرجعية الخاصة بك.
PageSpeed Insights : يعرض في الجزء العلوي بيانات CrUX الميدانية (إذا كان حجم حركة المرور لديك كافياً)، وفي الجزء السفلي التشخيص المختبري مع التوصيات.
web-vitals (ملحق Chrome أو مكتبة JS) : لقياس معدل الإدخال الوطني (INP) في ظروف حقيقية أثناء التصفح، وهو أمر مفيد لتتبع تفاعل بطيء بدقة.

قاعدة عملية: قد يسجل موقع ما 95/100 في الاختبارات المعملية، لكنه يفشل في اختبارات Core Web Vitals في بيئة حقيقية بسبب انخفاض مؤشر INP على الهواتف المحمولة منخفضة المواصفات. اعتمد دائمًا على Search Console كمرجع نهائي.

العودة إلى المشروع: LCP من 4,1 ثانية إلى 1,9 ثانية

في أحد مواقع التجارة الإلكترونية التي تعمل بنظام WooCommerce والتي قمنا بتدقيقها، كان مؤشر LCP على الأجهزة المحمولة يبلغ 4,1 ثانية كحد أقصى، وكان تقرير Search Console يظهر باللون الأحمر في جميع صفحات المنتجات تقريبًا. أربع إجراءات، بالترتيب التالي: الاستضافة المُدارة (انخفض زمن استجابة الخادم الأولي (TTFB) من 620 مللي ثانية إلى 180 مللي ثانية)، وتحويل جميع الصور إلى تنسيق WebP، والتحميل المسبق لصورة المنتج باستخدام fetchpriority, ، وإلغاء تنشيط ثلاثة مكونات إضافية لـ JavaScript غير ضرورية عبر Perfmatters. النتيجة بعد إعادة حساب CrUX لمدة 28 يومًا: LCP عند 1,9 ثانية، وINP عند 140 مللي ثانية، وCLS عند 0,04، وعادت جميع عناوين URL إلى اللون الأخضر. وتبع ذلك ارتفاع معدل التحويل عبر الأجهزة المحمولة، بزيادة قدرها +12 في %.

قائمة مراجعة مؤشرات Core Web Vitals في ووردبريس

☐ صورة رئيسية تم تحميلها مسبقًا باستخدام rel="preload" و fetchpriority="high"
☐ جميع الصور بتنسيق WebP أو AVIF
☐ تم تكوين شبكة توزيع المحتوى (CDN) (Cloudflare كحد أدنى)
☐ تم تفعيل إخفاء الصفحة
☐ تم التحقق من أن TTFB أقل من 200 مللي ثانية
☐ فحص مكونات JavaScript الإضافية (WP Rocket أو Perfmatters)
☐ البرامج النصية المؤجلة في تأجيل
☐ أبعاد العرض/الارتفاع لجميع الصور
☐ الخطوط الإلكترونية المُثبَّتة مسبقًا
☐ تقرير «Core Web Vitals» في Search Console يظهر باللون الأخضر (بيانات ميدانية)

تعد «Core Web Vitals» مجرد ركيزة واحدة من ركائز تحسين محركات البحث: للحصول على نظرة عامة، تابع قراءة مقالتنا الدليل الشامل لتحسين محركات البحث في ووردبريس لعام 2026. وإذا كنت ترغب في الحصول على تقييم رقمي لموقعك بدلاً من قائمة مراجعة لتطبقها بنفسك، فإننا نقوم بذلك نيابة عنك باستخدام تقييمنا الفني لـ WordPress.

#CLS #Core Web Vitals #INP #LCP #performance #SEO #WordPress

المؤلف

وليد صدفي

وليد صدفي هو مؤسس شركة «إيفولوريز»، وهي وكالة متخصصة في تطوير مواقع «ووردبريس» حسب الطلب، ودمج الذكاء الاصطناعي، وتحسين محركات البحث (SEO). بفضل خبرته التي تمتد لثماني سنوات، يقدم الدعم للشركات الصغيرة والمتوسطة والعملاء الكبار في إنشاء منصات ويب عالية الأداء وأتمتة عملياتهم التجارية باستخدام الذكاء الاصطناعي. ويشارك في هذه المدونة تجارب عملية ملموسة حول WordPress وWooCommerce والذكاء الاصطناعي التوليدي وتحسين محركات البحث (SEO) التقني.

أساسيات الويب الحيوية الأساسية ووردبريس: دليل التحسين 2026