Core Web Vitals بتقيس الصفحة بتبقى قابلة للاستخدام وسريعة الاستجابة وثابتة بأد إيه — LCP وINP وCLS. على الموبايل، حوالي 53% من الزوار بيسيبوا الصفحة اللي بتاخد أكتر من 3 ثواني تحميل، فالموقع البطيء بيخسر الحجز قبل ما يفتح. الإصلاحات الصادقة بتتعمل في الثيم والصور، مش بإضافة كاش — كفاية تحوّل سكور 46 لبيلدر لـ 98 لبناء مخصّص.
موقع السفر ليه شغلانة واحدة: يحوّل البحث لحجز. أغلب القرار ده بيحصل في أول كام ثانية، قبل ما تتقري كلمة واحدة. بحث جوجل نفسه بيقولها بصراحة — حوالي 53% من زيارات الموبايل بتتساب لو الصفحة أخدت أكتر من 3 ثواني تحميل. للمشغّل المصري اللي بيدفع عشان يجيب المسافر ده للصفحة، الموقع البطيء مش هامش تقني. ده الحجز، اتخسر قبل ما صورة الـ hero تظهر أصلاً.
ليه السرعة بتكسب الحجز
السرعة مش رفاهية. المسافر اللي بيقارن بين 3 مشغّلين لرحلة نيلية مش هيستنى الأبطأ — هيرجع لورا ويختار اللي فتح. كل ثانية تأخير بتتراكم: صفحات أقل بتتشاف، ثقة أقل، فورم حجز بيبان تقيل قبل ما توصله أصلاً. ومن 2021 جوجل ضمّ تجربة الصفحة للترتيب، فالموقع البطيء بيتعاقب مرتين: بيحوّل أقل وبيترتّب أوطى.
الموقع البطيء مش هامش تقني. ده الحجز، اتخسر قبل ما صورة الـ hero تظهر.
Core Web Vitals ببساطة هي محاولة جوجل إنه يقيس التجربة دي بـ 3 أرقام. اظبطهم صح وتبقى أسرع من أغلب منافسينك، لأن أغلبهم شغّالين على نفس الـ stack المتخوم اللي إنت على وشك تصلّحه.
LCP وINP وCLS ببساطة
3 مقاييس، 3 أسئلة بسيطة. LCP (Largest Contentful Paint): بياخد قد إيه لحد ما الحاجة الأساسية — عادةً صورة الـ hero — تظهر فعلاً. INP (Interaction to Next Paint): لما حد يدوس على تاريخ أو فلتر رحلة، بياخد قد إيه لحد ما الصفحة ترد. CLS (Cumulative Layout Shift): الصفحة بتنطّ قد إيه وهي بتحمّل، لدرجة إن المسافر بيدوس على الحاجة الغلط.
| المقياس | كويس | وحش |
|---|---|---|
| LCP — المحتوى الأساسي بيحمّل | أقل من 2.5 ثانية | أكتر من 4.0 ثانية |
| INP — بيرد على الدوسة | أقل من 200 مللي ثانية | أكتر من 500 مللي ثانية |
| CLS — الثبات البصري | أقل من 0.1 | أكتر من 0.25 |
على موقع السفر الوجع دايماً تقريباً في الـ LCP. صورة الـ hero ضخمة، بتحمّل متأخر، والمسافر بيبصّ لمستطيل فاضي مكان ما الأهرامات المفروض تكون.
المتّهمين المعتادين في ووردبريس
نفس المتّهمين بيطلعوا في كل موقع سفر على ووردبريس بنعمله أوديت تقريباً:
- وزن صورة الـ hero. صورة JPEG بعرض الشاشة لأبو سمبل حجمها 4 ميجا، بتتقدّم بمقاس ديسكتوب لموبايل. الملف الواحد ده لوحده بيقرّر الـ LCP بتاعك غالباً.
- bloat البيلدر. Elementor وWPBakery وصحابهم بيشحنوا كل خيار تخطيط كأكواد على كل صفحة، بالإضافة لكذا ملف CSS وJavaScript الزائر عمره ما محتاجهم.
- صور المعرض والرحلات غير المحسّنة. 20 صورة من غير lazy-load في صفحة الرحلة الواحدة، مافيش ولا واحدة متظبّط مقاسها أو متقدّمة كـ WebP.
- سكربتات بتحجب الرندر. سلايدرز وودجت حجز وتاجات تتبّع لازم تخلّص قبل ما أي حاجة ترسم.
- استضافة مشتركة رخيصة. استجابة سيرفر بطيئة بتضيف تأخير على كل طلب قبل ما صورة تتجاب أصلاً.
الإصلاحات اللي بتشتغل فعلاً
مافيش فيهم إضافة كاش. الكاش بيسرّع التسليم المتكرّر؛ مابيصغّرش صورة 4 ميجا ولا بيشيل كود الصفحة مش بتستخدمه. الشغل الصادق في الثيم والأصول:
- اضغط وظبّط مقاس الـ hero، قدّمه كـ WebP أو AVIF بالأبعاد الصح لكل جهاز، واعمله preload عشان يكسب سباق الـ LCP.
- اعمل lazy-load لكل صور المعرض والرحلات تحت الطية، عشان أول شاشة ترسم من غير ما تستنى الصورة رقم 20.
- اقطع bloat البيلدر — أو ابني القوالب المهمة في ثيم مخصّص خفيف، وشحن بس الـ CSS والـ JavaScript اللي الصفحة بتستخدمه.
- أجّل السكربتات غير الحرجة عشان السلايدرز والتاجات تبطّل تحجب أول رسم.
- انقل لاستضافة باستجابة سيرفر سريعة، لأن مافيش إصلاح واجهة بينقذ أصل بطيء.
سكور المعمل مقابل الزوار الحقيقيين
فخ لازم تتجنّبه: السكور في اختبار Lighthouse ده بيانات معمل — تشغيلة واحدة محاكاة، في ظروف مثالية. جوجل بيرتّب على بيانات الميدان: تقرير Chrome User Experience Report (CrUX)، المجموع من زوار حقيقيين على موبايلات حقيقية وشبكات حقيقية. الصفحة ممكن تجيب 95 في المعمل وتفشل في الميدان لأن مسافرينك الفعليين على موبايلات متوسطة وشبكة موبايل متقطّعة، مش فايبر المكتب.
فاختبر في المعمل عشان تلاقي المشاكل، لكن احكم على النجاح ببيانات الميدان. السرعة مش مقياس رفاهية ولا بادج أخضر تصوّره. على موقع سفر هي الفرق بين مسافر بيستنى صفحتك وواحد بيحجز مع حد تاني بالفعل — ودي معركة بتكسبها في الكود، مش في إضافة.
التحليل المجاني بيغطّي ظهورك في البحث، وظهورك في إجابات الذكاء الاصطناعي، ومسار الحجز، وقناة المنصات بتكلّفك كام. مكتوب، وهو بتاعك سواء اشتغلت معانا أو لأ.