تسريع متجر شوبيفاي: دليل عملي للثيم والصور والتطبيقات
دليل تسريع متجر شوبيفاي خطوة بخطوة: الثيم والصور والتطبيقات والسكربتات والخطوط وCore Web Vitals، مع ما تعلمناه من تدقيق ثيم Xtra لمتجر Xmart.
الكاتب: موسى الحلو · نُشر · 6 دقائق قراءة
تسريع متجر شوبيفاي ليس مسألة تقنية بحتة، بل مسألة مبيعات: الصفحة البطيئة على الجوال تخسر العميل قبل أن يرى المنتج، وترفع تكلفة الإعلانات لأن الزيارة المدفوعة تنتهي قبل أن تبدأ. في هذا الدليل نشرح ما يبطئ المتاجر فعلًا بحسب ما نراه في تدقيقاتنا، وما يمكنك إصلاحه بنفسك خلال يوم، وما يحتاج تدخلًا في الثيم، مع ما تعلمناه من تدقيق ثيم Xtra لمتجر Xmart.
ابدأ بالقياس الصحيح
الخطأ الأول: قياس الصفحة الرئيسية على الكمبيوتر. معظم زوار المتاجر الخليجية يأتون من الجوال ويهبطون على صفحة منتج أو مجموعة. قس هذه الصفحات على الجوال بأدوات Google (PageSpeed Insights) وراقب تقرير Core Web Vitals في Search Console، لأنه يعكس تجربة زوارك الحقيقيين لا اختبارًا معمليًا. ركّز على ثلاثة مؤشرات: سرعة ظهور أكبر عنصر (LCP)، استقرار الصفحة أثناء التحميل (CLS)، والاستجابة للتفاعل (INP). التفاصيل في Core Web Vitals لمتاجر Shopify.
السبب الأول: الصور
الصور هي أثقل ما تحمّله صفحة المنتج، والحل في متناول كل تاجر:
| الإجراء | التفصيل |
|---|---|
| الضغط قبل الرفع | صور المنتجات بين 100 و300 كيلوبايت تكفي للعرض على الجوال والكمبيوتر |
| الأبعاد الموحدة | أبعاد واحدة لكل صور المنتجات تمنع قفز الصفحة (CLS) |
| الصيغة | Shopify يحوّل الصور إلى WebP تلقائيًا عند الطلب، لكن الأصل الكبير يبقى عبئًا على المعالجة |
| البانرات | بانر الصفحة الرئيسية غالبًا أكبر صورة في المتجر؛ اضغطه وحدد له أبعادًا للجوال |
| التحميل الكسول | الصور تحت الطية تُحمَّل عند التمرير، والصورة الأولى في صفحة المنتج تُحمَّل فورًا |
السبب الثاني: التطبيقات والسكربتات الخارجية
كل تطبيق تثبته يضيف غالبًا سكربتًا يُحمَّل في كل صفحة حتى لو كان التطبيق يعمل في صفحة واحدة. من واقع تجربتنا، المتاجر التي تتجاوز عشرة تطبيقات تحمل عادة ثلاثة أو أربعة لا تُستخدم. الإجراء:
- راجع قائمة التطبيقات واحذف ما لا تستخدمه فعلًا.
- بعد الحذف، افحص ملفات الثيم (theme.liquid والأقسام) من بقايا الأكواد التي تتركها بعض التطبيقات القديمة.
- راجع البكسلات والسكربتات المضافة يدويًا: Pixel مكرر أو GA4 مضاف مرتين يبطئ ويفسد البيانات معًا.
- عند اختيار تطبيق جديد، فضّل ما يعمل عبر Theme App Extensions ويُحمَّل عند الحاجة فقط.
فصّلنا التشخيص في تطبيقات Shopify التي تبطئ المتجر. ومثال على الأثر الضئيل: مؤقت العد التنازلي في SalePilot يُحمَّل كامتداد خفيف فقط عندما يكون العرض نشطًا، وتغييرات الأسعار تتم في الخلفية عبر Admin API من دون أي سكربت في الواجهة (salepilot.esafqa.com).
السبب الثالث: الثيم وأقسامه
الثيم الحديث على معمارية Online Store 2.0 أسرع بطبيعته من الثيمات القديمة، لكن حتى الثيم السريع يُثقل بالتخصيصات:
- الأقسام المخفية: أقسام معطلة في الصفحة الرئيسية ما زالت تُحمَّل في بعض الثيمات.
- السلايدرات: سلايدر بخمس صور في أعلى الصفحة يحمّل خمس صور كبيرة بينما العميل يرى واحدة. صورة ثابتة واحدة أفضل في أغلب الحالات.
- الفيديو التلقائي: فيديو خلفية في الصفحة الرئيسية يستهلك بيانات الجوال ويؤخر كل شيء.
- أقسام المنتجات الموصى بها: كل قسم يحمّل صور عدة منتجات؛ قسمان كافيان في صفحة المنتج.
اختيار الثيم المناسب من البداية يوفر كل هذا؛ راجع أفضل ثيمات Shopify للمتاجر العربية.
السبب الرابع: الخطوط
المتاجر ثنائية اللغة تقع في فخ الخطوط: خط عربي وخط إنجليزي بأربعة أوزان لكل منهما يعني ثمانية ملفات تُحمَّل قبل ظهور النص. القاعدة: عائلة واحدة للعربية وواحدة للإنجليزية (أو عائلة تدعم اللغتين)، بوزنين فقط (عادي وعريض)، مع تفعيل عرض النص بالخط البديل حتى يصل الخط الأصلي.
السبب الخامس: صفحة الدفع والتطبيقات فيها
صفحة الدفع في Shopify سريعة بطبيعتها لأن المنصة تتحكم بها، لكن التطبيقات التي تضيف حقولًا أو سكربتات فيها تؤخرها. راجعها بحذر، فالبطء هنا يعني ترك سلة مباشرة. اقرأ ترك سلة الشراء: الأسباب والحلول.
خطة تنفيذ خلال أسبوع
| اليوم | الإجراء | من ينفذه |
|---|---|---|
| 1 | قياس صفحات المنتج والمجموعات على الجوال وتوثيق الأرقام | التاجر |
| 2 | ضغط صور البانرات وأكثر 50 منتجًا زيارة | التاجر أو المصمم |
| 3 | حذف التطبيقات غير المستخدمة ومراجعة البكسلات المكررة | التاجر |
| 4 | تنظيف بقايا أكواد التطبيقات من الثيم | مطور |
| 5 | تقليل الخطوط وإزالة السلايدر والفيديو التلقائي | مطور أو التاجر من المحرر |
| 6–7 | إعادة القياس ومقارنة الأرقام ومراقبة Search Console | التاجر |
قائمة فحص سريعة قبل أي حملة إعلانية
قبل إطلاق حملة كبيرة أو موسم مثل رمضان والجمعة البيضاء، مرّ على هذه القائمة لأن الزيارات المدفوعة تضاعف أثر أي بطء:
| الفحص | كيف تتحقق |
|---|---|
| صفحة المنتج الأكثر إعلانًا تمر بمعايير Core Web Vitals على الجوال | PageSpeed Insights وتقرير Search Console |
| صور البانرات الموسمية مضغوطة ولها نسخة للجوال | حجم الملف أقل من 300 كيلوبايت |
| لا تطبيقات جديدة ثُبّتت للموسم من دون مراجعة أثرها | قس الصفحة قبل التثبيت وبعده |
| البكسلات غير مكررة | أدوات فحص Meta وGA4 تعرض حدث شراء واحدًا لكل طلب |
| صفحة الدفع بلا سكربتات إضافية | اختبار طلب حقيقي من الجوال |
| مؤقتات العروض خفيفة وتُحمَّل عند الحاجة فقط | راجع طريقة عمل التطبيق |
نصف ساعة من الفحص قبل الموسم توفر أيامًا من الإعلانات الضائعة على صفحات بطيئة. وتذكر أن الموسم نفسه يرفع الضغط على المتجر، فالصفحة التي تبدو مقبولة في يوم عادي قد تتباطأ مع ضعف الزيارات.
أدوات القياس التي نعتمد عليها
PageSpeed Insights من Google يعطيك بيانات حقيقية من زوار متجرك (إذا كان حجم الزيارات كافيًا) إلى جانب الاختبار المعملي، وتقرير Core Web Vitals في Search Console يعرض الصفحات التي تفشل مجمّعة بحسب المشكلة. تقرير سرعة المتجر داخل لوحة Shopify مفيد للمقارنة مع متاجر مشابهة لكنه لا يكفي وحده. ولمعرفة أي تطبيق يبطئ المتجر، افتح أدوات المطور في المتصفح وراقب طلبات الشبكة عند تحميل صفحة المنتج: كل سكربت خارجي يظهر هناك بمصدره وحجمه ووقته.
ما لا يجب فعله
لا تثبّت تطبيق «تسريع» يَعِد بدرجة 100؛ أغلبها يضيف سكربتًا آخر أو يؤجل الأكواد بطريقة تكسر التتبع. ولا تحذف Pixel أو GA4 لتحسين الدرجة؛ أثرهما على السرعة صغير وأثر فقدانهما على الإعلانات كبير. ولا تطارد الدرجة نفسها؛ طارد تجربة العميل على الجوال وأرقام Search Console.
أثر السرعة على معدل التحويل والإعلانات
السرعة لا تعمل وحدها؛ هي الشرط الذي يسمح لبقية عناصر صفحة المنتج بأن تعمل. صفحة سريعة بصور حقيقية ووصف واضح وتقييمات ظاهرة تحول أفضل، والإعلانات على صفحة أسرع تحصل على تكلفة اكتساب أقل لأن نسبة الزيارات التي تصل فعلًا إلى المحتوى أعلى. راجع تحسين صفحة المنتج لبقية العناصر.
من واقع تجربتنا
في متجر Xmart للإلكترونيات في الأردن، بآلاف المنتجات على ثيم Xtra، أجرينا تدقيقًا كاملًا لأداء الثيم ضمن إدارة الحساب: صور الكتالوج، الأقسام المكررة في صفحات المنتج، بقايا تطبيقات قديمة، وترتيب تحميل السكربتات. الإصلاحات لم تكن تطبيقًا سحريًا بل سلسلة تنظيف منهجي، وكانت جزءًا من البنية التي سمحت لحملات Meta وGoogle بالعمل على صفحات تستجيب فورًا، مع MER تجاوز 10 أضعاف في سبتمبر 2026. اقرأ دراسة حالة Xmart.
الخلاصة
تسريع متجر شوبيفاي يبدأ بقياس صفحة المنتج على الجوال، ثم الصور، ثم التطبيقات والسكربتات، ثم الثيم والخطوط، مع إعادة القياس بعد كل خطوة ومراقبة Core Web Vitals في Search Console. معظم العمل في متناول التاجر خلال أسبوع، وما يحتاج مطورًا هو تنظيف الثيم. وإذا أردت تدقيقًا كاملًا للسرعة ورحلة العميل، تعرّف على خدمة تحسين معدل التحويل في E-SAFQA.
أرسل لنا رابط متجرك على WhatsApp ونقيس صفحات المنتج على الجوال ونرسل لك أهم ثلاثة أسباب للبطء مجانًا.
تريد تطبيق هذا على متجرك؟
فريق E-SAFQA يبني ويدير متاجر Shopify ويشغّل إعلاناتها. راسلنا على واتساب واحصل على تدقيق مجاني.
أسئلة شائعة
لماذا متجر شوبيفاي بطيء؟
في أغلب الحالات بسبب صور كبيرة غير مضغوطة، تطبيقات كثيرة تضيف سكربتات في كل صفحة، خطوط متعددة، وأقسام في الثيم تحمّل محتوى لا يظهر. الاستضافة نفسها نادرًا ما تكون السبب لأن Shopify يديرها.
هل تغيير الثيم يسرّع المتجر؟
قد يسرّعه إذا كان الثيم الحالي قديمًا أو مثقلًا بالتخصيصات، لكن ثيمًا سريعًا بصور غير مضغوطة وعشرة تطبيقات سيعود بطيئًا. ابدأ بالصور والتطبيقات ثم قرر بشأن الثيم.
ما الدرجة المقبولة في PageSpeed لمتجر شوبيفاي؟
لا تطارد درجة 100. الأهم أن تمر صفحات المنتج والمجموعات بمعايير Core Web Vitals على الجوال في Search Console، وأن يشعر العميل بأن الصفحة تستجيب فورًا.
هل تطبيق العد التنازلي يبطئ المتجر؟
يعتمد على طريقة بنائه. التطبيقات التي تحقن سكربتًا في كل صفحة تبطئ المتجر، أما الامتدادات الخفيفة التي تُحمَّل فقط عند وجود عرض نشط، مثل مؤقت SalePilot، فأثرها ضئيل.