تسريع واجهة Shopify دون مصارعة المنصة

نشغّل عدة واجهات تجارية على Shopify، منها Vowly Store وPaperly. المنصة ليست عنق الزجاجة الذي يفترضه الناس. تقريبًا كل واجهة بطيئة طُلب منا فحصها كانت قد أُبطئت بالإضافات لا بالأساس.

عُدّ الأطراف الخارجية أولًا

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

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

الصور ما زالت أكبر مكسب

في متجر يبيع ملصقات وقرطاسية، الصور هي المنتج وهي التي تهيمن على وزن الصفحة. الحلول معروفة ومع ذلك تُغفل باستمرار:

• قدّم صيغًا حديثة — تفعل شبكة التوزيع ذلك عند الطلب، والتوفير مقابل JPEG كبير عند الجودة البصرية نفسها.
• حجّم المصدر إلى الصندوق المعروض مع srcset صحيح. إرسال صورة بعرض 2000 بكسل إلى مساحة 400 بكسل هو أكثر إهدار مفرد شيوعًا في شبكة المنتجات.
• امنح كل صورة أبعادًا صريحة حتى لا يقفز التنضيد أثناء التحميل. إزاحة التنضيد إشارة ترتيب وإزعاج حقيقي معًا.
• حمّل بأولوية ما هو فوق حد الطي فقط، وأجّل الباقي — لكن قرّر ذلك بوعي بدل تأجيل صورة البطل بالخطأ.

الخطوط تستحق شكًا أكبر

ثلاثة أوزان من عائلتين، محمَّلة من مضيف خارجي، تكلّف أكثر مما يتوقع معظم الناس: اتصال إضافي، وتأخير عرض، وإعادة تدفق مرئية عند التبديل.

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

لا تخلط بين الواجهة وصفحة الدفع

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

عمل الأداء المهم تجاريًا يحدث قبل الدفع — في صفحة المجموعة وصفحة المنتج والسلة، حيث يقرر الزائر ما إن كان سيتابع. والمتجر الذي يصنع عند الطلب يحمل عبئًا إضافيًا هناك، لأن واجهات التخصيص تضيف برامجها النصية ومعايناتها.

قِس ما يعيشه العميل

درجات المختبر مفيدة لاكتشاف التراجعات ومضلِّلة كهدف. جولة المختبر لا تملك هاتف العميل الأقدم ولا شبكته ولا لافتة الكوكيز التي تظهر في الزيارة الثانية. بيانات الميدان من جلسات حقيقية، مقسَّمة حسب فئة الجهاز والسوق، تخبرك أين المشكلة فعلًا — وغالبًا ما تكون على الهواتف في بلد واحد لا في كل مكان.