سرعة الموقع على الهاتف: ما فعلته فعلاً لتحسين التجربة

عندما فحصت موقعي على هاتف بشبكة متوسطة، كانت النتيجة محبطة: أكثر من ست ثوانٍ حتى يظهر المحتوى. هذا ما غيّرته، بالترتيب الذي أحدث أكبر أثر.

الصور أولاً وأخيراً

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

أجّل ما ليس ضرورياً

أدوات التحليلات، ودعم المحادثة، والإعلانات: كلها مفيدة لكن لا شيء منها يجب أن يحمّل قبل نص الصفحة. نقلتها لتُحمّل بعد أن يصبح المتصفح خالياً، فتحسّن الظهور الأول بشكل واضح دون فقدان أي وظيفة.

الخطوط

الخطوط الخارجية تعني اتصالاً إضافياً وانتظاراً قبل ظهور النص. استضفت الخطوط محلياً واقتصرت على وزنين فقط. النتيجة: نص يظهر فوراً بدون تلك اللحظة المزعجة التي يتغيّر فيها الشكل.

احذر من تحرّك العناصر

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

قسّم الملفات

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

كيف أقيس

أقيس دائماً على الهاتف مع محاكاة شبكة أبطأ، لا على حاسوب متصل بالألياف. الأرقام التي أراقبها ثلاثة: وقت ظهور أكبر عنصر، استقرار التصميم، وسرعة الاستجابة للمسة الأولى. أي تعديل لا يحسّن أحد هذه الأرقام لا يستحق التعقيد الذي يضيفه.

الخلاصة

السرعة ليست مشروع شهر. هي عادة: كل مرة تضيف شيئاً للموقع، اسأل نفسك ما إذا كان يجب أن يحمّل الآن أو يمكن أن ينتظر. غالباً يمكنه الانتظار.