تحسين صور الموقع الإلكتروني: أثقل ما تحمله صفحتك

كل زائر يدفع ثمن صورك من اتصاله الخاص وبطاريته هو، والعميل المتصفح من الهاتف يدفع الحصة الأكبر.

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

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

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

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

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

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