منذ حوالي أربعة أشهر، تواصل معي أحد العملاء يشكو من مشكلة بطء في متجره على شوبيفاي، رغم استخدام قالب احترافي دون إجراء تعديلات كبيرة عليه. وبعد فحص متجره، اكتشفت أن السبب الرئيسي كان العشوائية في إضافة محتويات المتجر. مثل هذه الممارسات وغيرها يجهل أصحاب المتاجر تأثيرها في سرعة التحميل وتجربة المستخدم.
كيف تقيس سرعة متجرك على شوبيفاي؟
توفر شوبيفاي طريقة سهلة في معرفة سرعة متجرك مباشرةً من لوحة التحكم، وذلك بالتوجه نحو خانة “Online store” في الشريط الجانبي ثم الضغط على خيار “Themes”، وهناك ستجد خيارًا بعنوان “Store Speed” يعرض لك تقريرًا مبسطًا حول سرعة المتجر.
يعتمد تقييم السرعة Loading speed في شوبيفاي على ثلاث تصنيفات، وهي: ممتاز (أقل من 2.5 ثانية)، ومتوسط (2.5-4 ثوانٍ)، وسيئ (أكثر من 4 ثوانٍ).
رغم أن هذه الأداة من شوبيفاي نفسه، إلا أنها لا تعطي إحصاءات مفصلة، وأحيانًا لا تكون لحظية. توجد أدوات أخرى متخصصة في قياس السرعة مثل أداة Google PageSpeed Insights وأداة GTmetrix. تستطيع تحليل سرعة متجرك خلالها بإدخال رابط المتجر فقط.
تعطي هذه الأدوات تفصيلًا أكثر حول سرعة المتجر، كالوقت المستغرق لعرض أكبر عنصر مرئي في الصفحة، أو لتفاعل صفحة المتجر مع أول إجراء يفعله المستخدم، مثل الضغط على زر تصفح تفاصيل المنتج أو الانتقال إلى صفحة المنتجات وغير ذلك. كما أنها تساعدك في معرفة أماكن الضعف التي تؤثر مباشرةً في سرعة متجرك مع مقترحات للتحسين.
8 حلول لتحسين سرعة متجرك على شوبيفاي
إليك مجموعة من الحلول التي أوصي بها لضمان سرعة أكبر وتجربة أفضل لزوار متجرك على شوبيفاي:
1. اختيار قالب سريع
تعد سرعة القالب من أهم المعايير التي ينبغي الانتباه إليها عند اختيار قالب شوبيفاي، لأنها تؤثر مباشرةً في سرعة تحميل العناصر وعرضها للزوار. ولاختيار قالب سريع، ابحث أولًا عن توافر ميزة التحميل البطيء Lazy Loading، التي تهتم بتحميل الصور والفيديوهات تدريجيًا في الخلفية بناءً على تفاعل المستخدم مع الصفحة، عوضًا عن تحميلها دفعة واحدة بمجرد دخوله.
هذه الميزة مدعومة في أغلب قوالب شوبيفاي، ويمكنك التأكد من تواجدها بالدخول على نموذج القالب Demo، ثم الضغط على الجانب الأيمن للفأرة واختيار “Inspect”، بعدها ستبحث عن مصطلح “loading= “lazy، إذا وجدته فهذا يعني أن القالب يوفر ميزة التحميل البطيء.
أنصحك أيضًا باختيار قالب يدعم اللغة العربية واتجاهها RTL حتى لا تضطر لتخصيصه يدويًا وإجراء تعديلات على الملفات المصدرية للكود، إلى جانب الترجمة اليدوية أو باستخدام تطبيقات، وتحميل مكونات إضافية كالخطوط، مما يزيد من حجم الملفات الواجب تحميلها.
2. تحسين أحجام الصور وصيغها
يضيف كثير من أصحاب المتاجر صور المنتجات بطريقة عشوائية، معتقدين أنها لا تؤثر سلبًا على تجربة الاستخدام، والنتيجة تكون بطء في تحميل الصفحات. اتبع هذه النصائح لتحسينها:
استخدم أبعادًا متوسطة
المقاسات الكبيرة للصورة لا تعني الجودة العالية، بل على العكس يمكن أن تخفض الجودة. لذا، عوضًا عن استخدام مقاسات كبيرة تتجاوز 5000 بيكسل، اجعلها مقاسات متوسطة تتراوح بين 1500 و4000 بيكسل، وركّز على دقة الصورة وجودتها.
اختر صيغ الصور المناسبة
استخدم صيغة WebP الحديثة في الصور لدعم السرعة، وتجنب استخدام صيغ تقليدية مثل PNG أو JPG، إلا في حالات الضرورة مثل شعار المتجر والرموز التي تحتاج لخلفيات شفافة.
اضغط حجم الصور
بعد تحويل الصور لصيغة WebP، وقبل إضافتها للمتجر، قلّص حجمها عبر إحدى الأدوات المتخصصة في ضغط الصور مع الحفاظ على جودتها، مثل TinyPNG.
3. التخلص من الروابط المعطلة وإعادة توجيهها
قد يحدث أن تحذف صفحة من صفحات قالب متجرك، لكن تنسى حذف الرابط الخاص بها من باقي الصفحات. هنا تنشأ مشكلة تُعرف بالروابط المعطلة، وهي الروابط التي تكون موجودة في الأزرار والنصوص أو الصور، لكنها لا تعمل بسبب حذفها أو عدم وجودها.
تعد هذه إحدى المشكلات التي يجهلها كثير من أصحاب المتاجر، والتي تؤثر في سرعة المتجر وظهوره في محركات البحث. يمكنك التخلص من الروابط المعطلة باستخدام أدوات تحقق مخصصة مثل موقع Dead Link Checker أو Dr. Link Check. فقط أدخل رابط متجرك للكشف عن الروابط المعطلة، ثم أعد توجيهها إلى الصفحات الصحيحة.
4. استخدام الخطوط بحكمة
صحيح أن أنماط الخطوط تعطي جمالية للمتجر، إلا أن الاستخدام الخاطئ لها يتسبب في بطء المتجر. اتبع هذه الخطوات للاستخدام الصحيح:
استخدم الخطوط المحلية
أوصي دائمًا بالاعتماد على الخطوط الموجودة على شوبيفاي، كونها تعتمد على خوادم داخلية، مما يقلل من مدة التحميل. وفي حال لم تجد الخط الذي يناسب متجرك واضطررت للبحث في مصادر مثل Google Fonts، فلا تكثر من عدد الخطوط، يكفي واحد أو اثنين.
اعتمد تنسيقات حديثة
تدعم الصيغ الحديثة لملفات الخطوط مثل WOFF أو WOFF2 تحسين أداء المتجر عمومًا، بدلًا من الصيغ القديمة مثل TTF أو OTF، التي تظهر مشكلة سرعة التحميل فيها مع ملفات الخطوط الكبيرة التي تحتوي أنماطًا متعددة مثل العادي، والغامق، والمائل.
5. تحسين حجم ملفات الشيفرة البرمجية
يختلف حجم الشيفرة البرمجية من قالب لآخر بناءً على كمية مكوناته وخبرة المبرمج في كتابة كود نظيف. فأي تكرار أو فراغ أو تعقيد في الكود سيزيد من حجم الملف، مما يؤدي إلى وقت أطول في التحميل.
الطريقة الأفضل لتحسين أكواد القالب في متجرك هي الاستعانة بمبرمج خبير لإتمام المهمة، فيتأكد من بساطة الكود وفعاليته، ويؤجل تحميل ملفات JavaScript لتكون بعد عرض المحتوى، وغيرها من الإجراءات التي تحتاج خبرة في الكود لتجنب أي أخطاء قد تؤثر على الأداء.
في الوقت ذاته، تستطيع إجراء بعض الاختصارات البسيطة التي تزيل المكونات غير الضرورية كالمسافات الفارغة والتعليقات دون الحاجة للتعديل مباشرةً على الكود المصدري، باستخدام أدوات مخصصة مثل Minifier لتقليص ملفات CSS وJavaScript.
6. استخدام التطبيقات التي تحتاجها فقط
توفر شوبيفاي العديد من التطبيقات التي تغني المتاجر بالمزايا وتساعد أصحابها على تسهيل إدارة متاجرهم، مثل الأدوات التسويقية والتحليلية، وإدارة الطلبات، وغيرها. لكن رغم ذلك، فإن كل تطبيق له ملفات مصدرية مخصصة، وكلما زاد عدد التطبيقات، زادت الملفات التي يحتاج المتصفح لتحميلها، ما يزيد الوقت المستغرق في تحميل الصفحات وقد يؤدي إلى خفض أدائه.
لكي تستفيد من التطبيقات بالشكل الأمثل دون السقوط في فخ خفض السرعة، طبّق الآتي:
- أضف التطبيقات بناءً على احتياجاتك الأساسية والتي تضيف قيمة حقيقية لمتجرك.
- تجنب التطبيقات التي تفرض عليك إضافة شيفراتها إلى شيفرة القالب إلا عند الضرورة، مع استشارة أحد خبراء شوبيفاي المختصين.
- احذف التطبيقات التي لم تعد تحتاجها، وتأكد من حذف بقايا أكوادها من القالب قبل إزالتها.
- أعطِ الأولوية للتطبيقات التي على تقييمات عالية كونها محسنة الأداء من قِبل مطوريها.
وكنصيحة، راجع التطبيقات المفعّلة بانتظام واستغنِ عن أي تطبيق لم تعد تستخدمه. وفي حال حدوث أي مشكلة تقنية أثناء إضافة أحد التطبيقات، تواصل سريعًا مع الدعم الفني أو استعن بمتخصص، بدلًا من التصرف وحدك وتعقيد الأمور في القالب.
7. تقليل المحتوى الديناميكي المتحرك
في عديد من الحالات التي أعاين فيها متجر شوبيفاي لتحسين سرعته، أحدد سبب واضح لبطء المتجر بمجرد ملاحظة كثرة العناصر المتحركة كالفيديوهات، والصور المتحركة GIF، وشرائح الصور Slider، والنوافذ المنبثقة Pop-ups.
صحيح أن جميع هذه العناصر تجذب انتباه المستخدم أكثر وقد تحفزه على الشراء، إلا أنها من أهم العوامل المستهلكة لوقت تحميل المتجر. فعادةً ما تكون أحجامها كبيرة وتحتوي أكوادًا إضافية، وبالتالي سيحتاج المتصفح وقتًا أطول لمعالجتها.
لذلك، حاول دائمًا التقليل من المحتويات المتحركة قدر الإمكان، فبدلًا من استخدام 5 شرائح في شريط تمرير الصور Slider، استخدم فقط صورتين أو ثلاث مع تقليص حجمها. أما بالنسبة للفيديو، فلا ينبغي الإكثار من استخدامه، مع مراعاة تقليص حجمه قبل إضافته إلى المتجر باستخدام أدوات مثل Clideo وFreeconvert.
8. خفض حجم صفحات المتجر
قد تطبّق كل النصائح السابقة، لكن لا تزال تلاحظ بطءًا في تحميل صفحات متجرك. سبب ذلك يعود إلى حجم محتوى الصفحة عمومًا، وهو إجمالي كمية البيانات التي تحتاج إلى تحميل. فقد تحسّن جميع الصور التي ستضيفها بالصفحة الرئيسية وتقلل المحتوى المتحرك، لكن عدد المنتجات المعروضة مثلًا أو الأقسام يكون كبير جدًا، وبالتبعية يزداد حجم الصفحة.
هذا يعني أنك تحتاج إلى مراعاة جميع التفاصيل التي ينبغي أن تتواجد، دون إقحام صفحات متجرك بعدد كبير من المحتوى أو تحميله دفعة واحدة.
ختامًا، تذكر دائمًا أن سرعة المتجر ليست خيارًا إضافيًا لتعزيز أدائه، بل ضرورة يحتاجها عملاؤك في كل تفاعلاتهم. ومن خلال متابعتك الدورية واهتمامك بجميع التفاصيل ستتمكن من الوصول إلى سرعة ممتازة تضمن رضاك ورضا العملاء.
تم النشر في: يناير 2025
تحت تصنيف: منتجات رقمية | شوبيفاي
