تطبيقات شوبيفاي تبطئ المتجر؟ طريقة الفحص والتنظيف
هل تطبيقات شوبيفاي تبطئ المتجر؟ طريقة فحص أثر كل تطبيق على السرعة، تنظيف الكود المتبقي بعد الحذف، والفرق بين Theme App Extensions وScript Tags لمتجر أسرع.
الكاتب: موسى الحلو · نُشر · 6 دقائق قراءة
نعم، تطبيقات Shopify يمكن أن تبطئ المتجر، والسبب ليس عدد التطبيقات بحد ذاته بل ما تحمّله على واجهة المتجر: سكربتات خارجية، ملفات CSS، وطلبات إلى خوادم أخرى تُنفَّذ على كل صفحة سواء استخدمت الوظيفة أم لا. والأسوأ أن حذف التطبيق لا يحذف دائماً ما تركه خلفه. هذا المقال يشرح كيف تفحص أثر كل تطبيق، وكيف تنظف الكود المتبقي، والفرق بين التطبيقات التي تُزال بنظافة والتي تترك بقايا، وطريقة التدقيق التي نتبعها في E-SAFQA.
كيف يبطئ التطبيق المتجر فعلاً؟
واجهة المتجر التي يراها العميل تُبنى من ملفات الثيم. عندما تثبت تطبيقاً يحتاج إلى الظهور على الصفحة (زر، نافذة منبثقة، تقييمات، عداد)، يضيف كوداً بإحدى طرق ثلاث:
| الطريقة | كيف تعمل | الأثر على السرعة | هل تُزال عند الحذف؟ |
|---|---|---|---|
| Theme App Extensions (الحديثة) | كتل وإضافات تظهر في محرر الثيم تحت App blocks وApp embeds | تُحمَّل فقط حيث فُعّلت ويمكن إيقافها | نعم، تلقائياً |
| Script Tags (القديمة) | سكربت خارجي يُحقن في كل صفحة | يُحمَّل على كل صفحة بغض النظر عن الحاجة | يعتمد على التطبيق |
| تعديل ملفات الثيم مباشرة (الأقدم) | التطبيق يكتب في theme.liquid أو يضيف ملفات | يبقى الكود دائماً | لا، غالباً يبقى |
Shopify أوقف قدرة التطبيقات على تعديل ملفات الثيم مباشرة في الثيمات الحديثة ودفع المطورين إلى Theme App Extensions، لكن المتاجر التي تعمل منذ سنوات ما زالت تحمل بقايا من الطريقتين القديمتين. المشكلة الأكبر على الجوال: السكربتات الخارجية تؤخر التفاعل مع الصفحة، وهذا ما تقيسه مقاييس Core Web Vitals للمتاجر.
هل السبب التطبيقات فعلاً، أم الثيم والصور؟
قبل أن تلوم التطبيقات، ميّز بين ثلاثة مصادر للبطء، لأن علاج كل منها مختلف:
| المصدر | العلامة في تقرير PageSpeed | العلاج |
|---|---|---|
| التطبيقات | نطاقات خارجية كثيرة في “كود الطرف الثالث”، وسكربتات JS كبيرة | الفحص الفردي والحذف والتنظيف (هذا المقال) |
| الصور | تحذير “تقديم الصور بأحجام مناسبة” وصور بنوع قديم | ضغط الصور وتفعيل التحميل الكسول في الثيم |
| الثيم | ملفات CSS وJS خاصة بالثيم كبيرة، وأقسام كثيرة في الصفحة الرئيسية | تقليل الأقسام، تحديث الثيم، أو الانتقال لثيم أخف |
في معظم المتاجر التي ندققها، يكون السبب مزيجاً من الثلاثة، لكن التطبيقات هي الأسرع علاجاً لأنها لا تحتاج إلى إعادة تصميم. ابدأ بها، ثم انتقل إلى الصور، ثم الثيم.
الخطوة الأولى: قياس الأساس قبل أي تغيير
لا تبدأ بالحذف. ابدأ بالقياس حتى تعرف ما الذي تحسنه فعلاً:
- افتح PageSpeed Insights وقس ثلاث صفحات: الرئيسية، صفحة مجموعة، وصفحة منتج. سجّل نتائج الجوال، لأن معظم زوار المتاجر في السعودية والإمارات يتصفحون من الهاتف.
- سجّل زمن التحميل الكامل (LCP) وزمن الاستجابة للتفاعل (INP) وتغير التخطيط (CLS).
- من تقرير “تقليل أثر كود الطرف الثالث” في PageSpeed، اكتب أسماء النطاقات الخارجية التي تُحمَّل. كل نطاق غالباً يقابل تطبيقاً.
- افتح أدوات المطور في المتصفح (تبويب Network) وفلتر بـ JS، ورتب حسب الحجم. السكربتات الأكبر هي المرشح الأول.
الخطوة الثانية: اختبار الإيقاف واحداً تلو الآخر
افتح محرر الثيم، ثم إعدادات الثيم، ثم App embeds. ستجد قائمة بالتطبيقات الحديثة التي تحمّل كوداً. أوقف تطبيقاً واحداً، احفظ، أعد قياس صفحة المنتج، وسجّل الفرق. كرر مع كل تطبيق. هذه الطريقة أدق من أي أداة تقدير، لأنها تقيس متجرك بثيمك وصورك الفعلية.
نصيحة: أجرِ الاختبار على نسخة مكررة من الثيم (Duplicate) لا على الثيم المنشور، حتى لا يتأثر العملاء أثناء الفحص. ولا تُجرِ القياس في ذروة حملة إعلانية، لأن الازدحام يشوش النتائج.
الخطوة الثالثة: ماذا تفعل بكل تطبيق؟
بعد الفحص ستجد ثلاث فئات:
- تطبيق مفيد وخفيف: اتركه.
- تطبيق مفيد وثقيل: ابحث عن بديل مبني على Theme App Extensions، أو قلل نطاق تحميله (كثير من التطبيقات تسمح بإظهار الكود على صفحات محددة فقط).
- تطبيق غير مستخدم: احذفه، ثم نظّف ما تركه.
القاعدة التي نكررها في افضل تطبيقات شوبيفاي للمتاجر العربية: تطبيق واحد لكل وظيفة. تطبيقان للتقييمات أو ثلاثة للنوافذ المنبثقة يعني ثلاثة أضعاف الكود لوظيفة واحدة.
الخطوة الرابعة: تنظيف الكود المتبقي بعد الحذف
هنا تختبئ أكبر مشكلة في المتاجر القديمة. بعد حذف التطبيق:
- افتح محرر كود الثيم وابحث في
theme.liquidعن اسم التطبيق أو نطاقه. ستجد غالباً وسم<script>أو<link>يشير إلى خادم التطبيق. - ابحث في مجلدات
snippetsوassetsعن ملفات تحمل اسم التطبيق. - ابحث في
sectionsوtemplatesعن استدعاءات{% render %}أو{% include %}لملفات التطبيق. - احذف ما وجدته بعد أخذ نسخة من الثيم، واختبر الصفحات الرئيسية بعد كل حذف.
لا تحذف سطراً لا تفهمه. إذا لم تكن متأكداً، علّق السطر أولاً بدلاً من حذفه، وراقب المتجر يوماً كاملاً. وإذا كان الثيم مليئاً ببقايا من سنوات، فالأرخص أحياناً الانتقال إلى نسخة نظيفة من الثيم وإعادة الإعدادات، وهو ما نناقشه في تسريع متجر شوبيفاي.
أنواع التطبيقات الأكثر تأثيراً على السرعة
من تجربتنا في تدقيق المتاجر، هذه الفئات تتكرر في قوائم أثقل السكربتات:
- النوافذ المنبثقة وأشرطة الإعلانات: تُحمَّل على كل صفحة وتسبب تغيراً في التخطيط.
- أدوات الدردشة متعددة القنوات: بعضها يحمّل ملفات كبيرة قبل أن ينقر العميل.
- عارضات التقييمات القديمة: تحمّل كل التقييمات دفعة واحدة بدلاً من التحميل عند التمرير.
- أدوات التتبع المكررة: Pixel مثبت مرتين، مرة من إعدادات Shopify ومرة من تطبيق.
- تطبيقات العملات والترجمة التي تعيد كتابة الصفحة: تغير النصوص بعد التحميل فتسبب وميضاً وتأخيراً.
التطبيقات التي تعمل في الخلفية عبر Admin API فقط، مثل أدوات تعديل الأسعار والمزامنة، لا تضيف شيئاً إلى الواجهة. تطبيقنا SalePilot مثلاً ينفذ تغييرات الأسعار في الخلفية، ولا يحمّل على الصفحة إلا العداد التنازلي كإضافة خفيفة أثناء العرض فقط.
الوقاية: قواعد قبل تثبيت أي تطبيق جديد
- اقرأ في صفحة التطبيق كيف يُحمَّل كوده: إن ذكر Theme App Extensions أو App embeds فهذه علامة جيدة.
- ثبّته على ثيم مكرر أولاً وقس الصفحة قبل وبعد.
- فعّل الكود على الصفحات التي تحتاجه فقط إن أتاح التطبيق ذلك.
- أضف مراجعة شهرية لقائمة التطبيقات إلى قائمة فحص إطلاق المتجر وما بعده.
طريقة التدقيق التي نتبعها
عندما نستلم متجراً جديداً لإدارة إعلاناته أو تحسين تحويله، نبدأ بتدقيق سرعة يتضمن: قياس الصفحات الثلاث على الجوال، جرد كل السكربتات الخارجية ومطابقتها بالتطبيقات، اختبار الإيقاف الفردي على ثيم مكرر، تنظيف البقايا، ثم إعادة القياس وتوثيق الفرق. السرعة ليست هدفاً بحد ذاتها، بل جزء من تحسين معدل التحويل: نفس الزيارات، طلبات أكثر.
من واقع تجربتنا
في متجر Xmart للإلكترونيات في الأردن، أجرينا تدقيقاً لأداء ثيم Xtra مع إصلاحات للسرعة ضمن عملنا على الإعلانات، لأن تكلفة الاستحواذ على الطلب ترتفع عندما تكون الصفحة بطيئة مهما كانت الحملة جيدة. وفي المتاجر التي ننقلها من منصات أخرى أو نبنيها من الصفر، نسلّم الثيم من دون سكربتات زائدة ونحدد قائمة التطبيقات منذ البداية حتى لا يبدأ التاجر حياته على Shopify بمتجر مثقل.
الخلاصة
تطبيقات Shopify تبطئ المتجر عندما تحمّل سكربتات على كل صفحة أو تترك كوداً بعد الحذف. العلاج منهجي: قس الأساس، أوقف التطبيقات واحداً تلو الآخر على ثيم مكرر، احذف غير المستخدم، نظّف البقايا من ملفات الثيم، وفضّل التطبيقات المبنية على Theme App Extensions. إذا أردت تدقيقاً كاملاً لسرعة متجرك وقائمة تطبيقاته، أرسل لنا رابط المتجر على واتساب.
تريد تطبيق هذا على متجرك؟
فريق E-SAFQA يبني ويدير متاجر Shopify ويشغّل إعلاناتها. راسلنا على واتساب واحصل على تدقيق مجاني.
أسئلة شائعة
كيف أعرف أي تطبيق يبطئ متجر شوبيفاي؟
افتح محرر الثيم ثم App embeds، أوقف التطبيقات واحداً تلو الآخر، وقس صفحة المنتج في PageSpeed Insights بعد كل إيقاف. التطبيق الذي يحسّن النتيجة بوضوح عند إيقافه هو المسبب.
هل حذف التطبيق يزيل كوده من الثيم؟
إذا كان التطبيق مبنياً على Theme App Extensions فنعم. أما التطبيقات التي عدّلت theme.liquid أو أضافت ملفات مباشرة فقد تترك كوداً يجب حذفه يدوياً من ملفات الثيم.
ما الفرق بين Theme App Extensions وScript Tags؟
Theme App Extensions هي الطريقة الحديثة التي يوصي بها Shopify: كود التطبيق يُحمَّل ككتلة أو إضافة من محرر الثيم ويُزال تلقائياً. Script Tags طريقة قديمة تحقن سكربتاً خارجياً على كل صفحة وتعتمد على التطبيق لإزالته.
كم تطبيقاً يُعد كثيراً؟
لا يوجد رقم ثابت، لكن إذا تجاوزت 15 تطبيقاً وكان أكثر من ثلاثة منها يحمّلون سكربتات على كل صفحة، فالأرجح أن السرعة تتأثر بشكل ملموس على الجوال.