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