وزن الصور والسكريبتات غير المفيدة والاستضافة: أسباب البطء الملموسة وكيف تصححها.
المتجر البطيء يخسر مبيعات في كل مرحلة: زوار أقل يبقون، وفيشات أقل تُشاهد، وسلات أقل تُؤكد. وعلى الهاتف بشبكة متوسطة، الفرق بين ثانيتين وخمس ثوان يُقاس مباشرة برقم المعاملات.
الأسباب الثلاثة بالترتيب
1. الصور: وحدها تمثل غالبا من 70 إلى 90 بالمائة من وزن الصفحة، ومنها يجب أن تبدأ دائما.
2. السكريبتات: كل أداة مضافة (دردشة، بيكسل إشهاري، إحصائيات، أداة تقييمات، بانر) تحمّل شيفرة إضافية. ثلاث أدوات لا يُحس بها وعشر تجعل الموقع ثقيلا.
3. الاستضافة والعرض: خادم بعيد أو محمّل يؤخر أول استجابة. والتخزين المؤقت الصحيح وشبكة توزيع المحتوى يحلان الجوهر.
تصحيح الصور
غيّر الأبعاد قبل الرفع ولا ترفع صورة بـ4000 بكسل لعرضها في 800؛ واضغط مستهدفا أقل من 150 كيلوبايت لصورة منتج؛ وحوّل إلى WebP فهو أخف بوضوح بنفس الجودة؛ وحمّل عند الحاجة ما هو تحت حد الشاشة لكن لا الصورة الرئيسية التي يجب أن تظهر فورا؛ وصرّح بالعرض والارتفاع حتى لا تقفز الصفحة.
هذه الخطوات الخمس تكفي غالبا لتقسيم زمن التحميل على اثنين.
تنظيف السكريبتات
أدرج كل ما هو موصول بمتجرك واسأل عن كل واحد: هل جلبت لي هذه الأداة شيئا هذا الشهر؟ الأدوات المركبة «للتجربة» ولم تُحذف أبدا سبب شائع جدا للبطء.
الخطوط
كل خط مخصص ملف يُحمّل. وسماكتان من خط واحد تكفيان متجرا. وجهّز عرض النص بخط النظام في الانتظار: نص مقروء فورا خير من صفحة بيضاء أنيقة.
ما يجب قياسه
اختبر صفحتك الرئيسية وفيشة منتج بمحاكاة هاتف على شبكة بطيئة. والمؤشرات الثلاثة المهمة: زمن ظهور المحتوى الرئيسي (استهدف أقل من 2.5 ثانية)؛ والاستقرار البصري بحيث لا يتحرك شيء بعد التحميل؛ وسرعة الاستجابة لأول نقرة.
مكاسب سريعة
إن لم يكن لديك إلا ساعة: اضغط أثقل عشر صور في صفحتك الرئيسية، واحذف سكريبتين غير مفيدين، واكتف بخط واحد، وتأكد أن الصورة الرئيسية في فيشاتك ليست بالتحميل المؤجل.
ما يجب أن تفعله المنصة عنك
في منصة جيدة يكون ضغط الصور والتخزين المؤقت والتوزيع عبر CDN وتوليد الوسوم آليا. وإن كنت تقضي وقتك في تحسين أساسيات تقنية يدويا فالمشكل ليس في متجرك بل في أداتك.
الخلاصة
الصور أولا ثم السكريبتات ثم الخطوط. وقِس على الهاتف بشبكة بطيئة لا على حاسوبك بالواي فاي. Storilive يحسّن الصور والتخزين المؤقت والوسوم آليا.