سرعة الموقع ومؤشرات الويب الأساسية للمواقع العربية على الجوال

لماذا الجوال، ولماذا الخليج تحديدا

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

ولهذا كل ما في هذا المقال يقاس على الجوال ببيانات مستخدمين حقيقيين. الاختبار المخبري على الحاسوب يخبرك بالأسباب، ولا يخبرك بالحكم.

المؤشرات الثلاثة، بلغة صاحب النشاط

جوجل يختصر تجربة السرعة في ثلاثة أرقام يسميها مؤشرات الويب الأساسية:

الحكم يصدر على ما يختبره 75% من الزوار الحقيقيين. صفحة تحقق الحدود لثلاثة أرباع زوارها تعد جيدة.

أين تقيس

تقرير تجربة الصفحة في Search Console. يعرض صفحات موقعك مصنفة إلى جيدة وتحتاج تحسينا وضعيفة، على الجوال والحاسوب، ببيانات المستخدمين الحقيقيين. هذا الحكم.

PageSpeed Insights. الصق رابط صفحة واحدة. القسم الأعلى بيانات المستخدمين الحقيقيين للصفحة أو للموقع إن كانت الصفحة قليلة الزيارات. القسم الأسفل اختبار مخبري بدرجة من مئة وقائمة أسباب مرتبة بالأثر. اقرأ الأعلى للحكم والأسفل للأسباب.

لا تحكم من الدرجة. موقع بدرجة 40 ومؤشرات حقيقية خضراء بخير، وموقع بدرجة 90 ومؤشرات حمراء ليس بخير.

السبب الأول في المواقع العربية: الخط

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

ما تطلبه من المطور:

1. وزنان فقط: عادي وعريض.
2. صيغة WOFF2 مع تقليص الملف للأحرف العربية والأرقام واللاتينية الأساسية.
3. font-display: swap كي يظهر النص بخط النظام ريثما يصل الخط.
4. تحميل مسبق للخط الذي يرسم العنوان الرئيسي فقط.
5. سقف 60 كيلوبايت للوزن الواحد.

هذا البند وحده ينقل كثيرا من المواقع العربية من «ضعيف» إلى «جيد» في LCP.

السبب الثاني: الصور

صورة غلاف من استوديو بحجم 4 ميغابايت لكل صفحة، وصور منتجات بحجم الكاميرا الأصلي. ما تطلبه:

• صيغة WebP أو AVIF بدل JPG وPNG.
• أبعاد مناسبة للجوال، لا صورة بعرض 4000 بكسل تصغر في المتصفح.
• سقف 200 كيلوبايت للصورة العادية و150 لصورة الغلاف الأولى.
• تحميل كسول للصور أسفل الشاشة الأولى، وليس للصورة الأولى.
• أبعاد محددة لكل صورة في الكود كي لا تقفز العناصر عند تحميلها، وهذا يصلح CLS.

السبب الثالث: السكربتات

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

السبب الرابع: الاستضافة وزمن الاستجابة الأول

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

ما تطلبه من المطور، بالترتيب

أرسل هذا الجدول للمطور كما هو، ثم أعد القياس بعد 28 يوما، لأن بيانات المستخدمين الحقيقيين تتجمع على 28 يوما ولا تتغير في اليوم التالي.

هذا الموقع كعينة

الموقع الذي تقرأه الآن مبني بميزانية أداء تفشل عملية البناء إن تجاوزها: خطان بوزن محدود، وصورة غلاف تحت 160 كيلوبايت، وسكربتات قليلة. افحصه بـPageSpeed Insights بنفسك، فمن يبيع السيو ويبطئ موقعه يفضح نفسه أسرع من أي شهادة. وفي فحص الحضور الرقمي تكون السرعة على الجوال ببيانات المستخدمين الحقيقيين بندا ثابتا في التشخيص التقني، مع قائمة الأسباب مرتبة للمطور.