الصور عادة هي أثقل الملفات في أي موقع. والصفحة التي تبدو بطيئة على الجوال في الكويت غالباً تكون بطيئة لسبب واحد: صور رُفعت كما هي من الكاميرا أو من ملف التصميم، بجودة كاملة ومن دون أي معالجة. الخير أن هذا الموضوع قابل للحل خطوة بخطوة، وعندما تتبع مسار عمل واضحاً تتحسن السرعة والجودة معاً.
اختيار الصيغة هو أكبر مكسب من خطوة واحدة. صيغة JPEG مناسبة للصور الفوتوغرافية، وPNG للرسومات المسطحة والشعارات والخلفيات الشفافة. لكن الصيغ الحديثة تضغط بشكل أفضل بكثير عند نفس الجودة الظاهرة: صيغة WebP توفر مساحة ملحوظة مقارنة بـ JPEG، وصيغة AVIF تتفوق في كثير من الصور الكبيرة والتدرجات اللونية.
الحل العملي ليس اختيار صيغة واحدة للجميع، بل تصدير الصورة بصيغة WebP أو AVIF مع إبقاء الصيغة القديمة كبديل. المتصفح يحمّل نسخة واحدة فقط، فيحصل الزائر على ملف أخف تلقائياً.
الضغط لا يعالج صورة كبيرة أكثر من اللازم. إذا كانت الصورة تظهر بعرض 600 بكسل، فلا داعي لرفع الأصل بعرض 4000 بكسل وانتظار أن يصغّره المتصفح، لأن الزائر يدفع ثمن كل بكسل زيادة.
صغّر الصورة إلى أكبر حجم يحتاجه التصميم فعلاً، ثم اضغطها بأداة تظهر النتيجة للمقارنة. اختر إعداد جودة يبدو ممتازاً على الشاشة العادية، وليس عند التكبير الشديد. وفي أغلب صور المنتجات والمشاريع والفريق، يكون الفرق غير مرئي بحجم العرض الطبيعي.
معظم الزوار في الكويت يتصفحون من الجوال على شاشة صغيرة. إرسال صورة بحجم شاشة مكتبية إلى جوال يستهلك بيانات أكثر ويؤخر ظهور الصفحة.
الصور المتجاوبة تحل ذلك: تجهّز أكثر من نسخة من الصورة بعروض مختلفة، فيختار المتصفح النسخة الأنسب لحجم الجهاز. الجوال يحمّل نسخة خفيفة، والشاشة الكبيرة تظهر التفاصيل. أضف إلى ذلك التحميل الكسول، أي أن الصور أسفل الصفحة لا تُحمّل إلا عند اقتراب الزائر منها، فيبقى أعلى الصفحة سريعاً. أما الصورة الرئيسية فاتركها تُحمّل مباشرة.
شبكة توصيل المحتوى تحفظ نسخاً من صورك قريبة من زوارك، فتظهر الصفحة بسرعة أياً كان مكان السيرفر. كثير من هذه الشبكات تصغّر الصور وتحوّل صيغها تلقائياً، وهذا يخفف عن فريقك الكثير من العمل اليدوي.
والحفاظ على الجودة يعتمد على الثبات أساساً: حدّد مجموعة عروض ثابتة للموقع، وحافظ على أبعاد الصورة كما هي حتى لا تتمدد، واكتب العرض والارتفاع لكل صورة لتفادي اهتزاز التصميم أثناء التحميل.
لا تحتاج إلى إعادة بناء كل شيء مرة واحدة. خذ أثقل ثلاث صفحات، وطبّق عليها هذا المسار، ثم قِس النتيجة مرة أخرى. أغلب الفرق تلاحظ تحسناً واضحاً من الصيغة وضبط المقاس وحدهما.
في Q8DM نتعامل مع هذا الموضوع ضمن أعمال تصميم وتطوير المواقع، لتكون السرعة جزءاً من البناء وليس إصلاحاً لاحقاً. إذا كان موقعك ثقيلاً ولا تعرف من أين يأتي الثقل، يستطيع فريقنا مراجعته وإخبارك بما يستحق الإصلاح أولاً عبر q8dm.com.