سرعة الموقع على إنترنت الجوال في الأردن
الجواب المختصر: الموقع الذي يفتح فورًا على إنترنت المكتب قد يتأخر ثواني على جوال زبون يتصفح عبر بيانات الجوال أثناء التنقل. اختبره كما يراه الزبون: محاكاة شبكة 4G في أدوات مطوري Chrome، وتقرير PageSpeed Insights لنسخة الجوال. في معظم المواقع الصغيرة يكون السبب الأكبر صورًا ضخمة في أعلى الصفحة، ثم الخطوط والإضافات الكثيرة، وإصلاح الصور وحده يغيّر الكثير.
المشكلة: «عندي الموقع سريع»
صاحب المشروع يفتح موقعه من مكتبه على شبكة ثابتة، وعلى جهاز حديث، وكثيرًا ما تكون الصفحة محفوظة في ذاكرة المتصفح من زيارات سابقة. أما الزبون فيصل إلى الموقع لأول مرة، غالبًا من رابط في إعلان إنستغرام أو رسالة واتساب، وعلى بيانات الجوال، وربما في سيارة أو في منطقة إشارتها أضعف. هذه ظروف مختلفة تمامًا، والفرق بينهما هو ما يشعر به الزبون ولا تشعر به أنت.
لا نملك أرقامًا موثوقة نعرضها هنا عن متوسط سرعة الشبكات الأردنية، وأي رقم عام لن يصف تجربة زبونك تحديدًا. الطريق العملي هو أن تختبر صفحتك بنفسك في ظروف أبطأ، ثم تعالج ما يظهر.
كيف تقيس بشكل صحيح؟
المقياس الذي يهم: LCP
يعرّف موقع web.dev مقياس Largest Contentful Paint بأنه الوقت الذي يظهر فيه أكبر عنصر محتوى في الجزء الظاهر من الشاشة، وغالبًا تكون صورة الواجهة الكبيرة أو العنوان الرئيسي. والقيمة الجيدة بحسبه هي 2.5 ثانية أو أقل، على أن تُقاس عند الشريحة المئوية الخامسة والسبعين من زيارات الصفحة، مفصولة بين الجوال والحاسوب. أي أن المطلوب ليس أن تكون أسرع زيارة جيدة، بل أن تكون معظم الزيارات جيدة.
الاختبار الأول: PageSpeed Insights
أداة PageSpeed Insights من Google تعرض نوعين من البيانات، كما توضح صفحة التعريف بها:
- بيانات ميدانية من تقرير تجربة مستخدمي Chrome، تعكس زيارات حقيقية، لكنها لا تظهر إلا إن كانت للصفحة زيارات كافية.
- بيانات مختبرية من Lighthouse، تحاكي تحميل الصفحة في بيئة محكومة وتعطيك تشخيصًا مفصلًا.
المواقع الصغيرة في الأردن كثيرًا ما لا تملك بيانات ميدانية كافية، فاعتمد على القسم المختبري لنسخة الجوال، واقرأ التوصيات التي تحت النتيجة، لا الرقم الملون وحده.
الاختبار الثاني: محاكاة الشبكة في Chrome
افتح موقعك في Chrome على الحاسوب، ثم أدوات المطورين، ثم لوحة الشبكة (Network). تذكر وثائق Chrome أنك تستطيع اختيار إعدادات جاهزة لمحاكاة 4G سريع أو 4G بطيء أو 3G من قائمة تقييد الشبكة، ويمكنك أيضًا إنشاء ملف تقييد مخصص. فعّل خيار تعطيل الذاكرة المؤقتة، واختر «4G بطيء»، وأعد تحميل الصفحة.
راقب أمرين: كم ثانية حتى تظهر الصورة الرئيسية والعنوان، وما أكبر الملفات في قائمة الشبكة. ستجد غالبًا ملفًا أو اثنين يستهلكان معظم الحجم.
الاختبار الثالث: جوالك أنت
أطفئ الواي فاي على جوالك، وافتح الموقع في نافذة تصفح خاصة، من خارج المكتب. هذا الاختبار ليس علميًا، لكنه يريك ما يراه الزبون بعينه.
الأسباب الشائعة للبطء في المواقع الصغيرة
- صورة واجهة بحجم كبير جدًا. صورة التقطها مصور بكاميرا احترافية ورُفعت كما هي، بأبعاد أكبر بكثير مما تعرضه شاشة جوال.
- سلايدر بخمس صور أو أكثر في أعلى الصفحة، كلها تُحمّل قبل أن يرى الزائر الأولى.
- فيديو خلفية يعمل تلقائيًا.
- أكثر من خط وبأوزان كثيرة، وهذا شائع في المواقع العربية التي تجمع خطًا عربيًا وآخر لاتينيًا.
- إضافات وأدوات كثيرة: نافذة دردشة، وأدوات تتبع متعددة، ونوافذ منبثقة، وكل منها يضيف ملفات.
- قالب جاهز يحمّل مكتبات لا يستخدم الموقع معظمها.
خطوات الإصلاح بالترتيب
1. صغّر صورة الواجهة وقدّم أحجامًا متعددة
يشرح دليل MDN للصور المتجاوبة كيف تتيح خاصيتا srcset وsizes للمتصفح اختيار نسخة الصورة المناسبة لعرض الشاشة، بدل إرسال صورة الحاسوب الكبيرة إلى الجوال. كثير من أنظمة إدارة المحتوى تنشئ هذه الأحجام تلقائيًا إن رفعت الصورة بالطريقة الصحيحة. وقبل ذلك كله، لا ترفع صورة أعرض بكثير مما يحتاجه تصميمك.
2. استبدل السلايدر بصورة واحدة قوية
صورة واحدة واضحة مع عنوان وزر واحد تحمّل أسرع، وغالبًا تقول رسالتك بشكل أوضح من خمس شرائح لا يراها معظم الزوار.
3. خفف الخطوط
اكتفِ بخط عربي واحد بوزنين أو ثلاثة. سنعود لاختيار الخط بالتفصيل في مقال منفصل، لكن القاعدة البسيطة: كل وزن إضافي ملف إضافي.
4. راجع الإضافات والأدوات
اسأل عن كل أداة: هل استخدمتها في آخر ثلاثة أشهر؟ إن لم تكن تعرف ما الذي تفعله إضافة ما، فاسأل من بنى الموقع قبل حذفها.
5. أعد الاختبار وقارن
بعد كل تعديل، أعد الاختبار بالظروف نفسها (4G بطيء، ذاكرة مؤقتة معطلة) ودوّن النتيجة. التحسين التدريجي المقاس أفضل من إعادة بناء كاملة دون قياس.
رسالة جاهزة ترسلها لمن بنى موقعك
إن لم تكن تتعامل مع لوحة الإدارة بنفسك، يمكنك إرسال طلب واضح بدل «الموقع بطيء، شوف شو القصة»:
اختبرت الصفحة الرئيسية بمحاكاة 4G بطيء مع تعطيل الذاكرة المؤقتة، والصورة الرئيسية تظهر بعد عدة ثوانٍ. أرجو: تصغير صورة الواجهة وتقديم أحجام للجوال، استبدال السلايدر بصورة واحدة، تقليل أوزان الخطوط، ومراجعة الإضافات غير المستخدمة. وأرسل لي نتيجة PageSpeed لنسخة الجوال قبل التعديل وبعده.
طلب محدد كهذا يختصر الأخذ والرد، ويعطيك طريقة للتأكد من أن العمل أُنجز فعلًا. واطلب أن يُختبر كل تعديل على نسخة تجريبية قبل نشره، حتى لا يتعطل شيء في الموقع الحي أثناء العمل.
الأسئلة الشائعة
هل الاستضافة هي السبب الرئيسي للبطء؟
قد تكون سببًا، خصوصًا إن كان أول رد من الخادم بطيئًا. لكن في كثير من المواقع الصغيرة يكون حجم الصفحة نفسها هو المشكلة الأكبر، وهذا تراه بوضوح في لوحة الشبكة.
نتيجة PageSpeed على الجوال أقل بكثير من الحاسوب، فهل هذا طبيعي؟
نعم، لأن اختبار الجوال يحاكي جهازًا وشبكة أبطأ. ركز على نسخة الجوال لأنها الأقرب لتجربة معظم زبائنك.
هل أحتاج نتيجة 100؟
لا. المهم أن يظهر المحتوى الرئيسي بسرعة وأن تكون الصفحة قابلة للاستخدام. ملاحقة الرقم الكامل قد تكلف وقتًا لا يقابله فرق يشعر به الزبون.
هل ضغط الصور يقلل جودتها بشكل ملحوظ؟
الضغط المعتدل وتصغير الأبعاد إلى ما يحتاجه التصميم لا يُلاحظ عادة على شاشة جوال. جرّب وقارن بعينك قبل الرفع.
إن جربت المحاكاة ورأيت صفحتك تتأخر ولم تعرف من أين تبدأ، أرسل لنا رابطها ونخبرك بأثقل ما فيها وما يمكن إصلاحه أولًا.