إنشاء وإعادة تصميم متاجر Shopify

اقتباس مجاني بدون التزام

الرد الشخصي خلال 24 ساعة عمل

← Tous les conseils
Guide pratique SiteQuiVend

لماذا يصبح متجر Shopify بطيئًا؟

تعرف على الأسباب الشائعة للبطء في Shopify وكيفية تشخيص السمات والتطبيقات والبرامج النصية والصور وتجربة الهاتف المحمول.

Publié le 15.08.20268 min de lectureConseils concrets

عادةً ما يصبح متجر Shopify بطيئًا عندما يتطلب الموضوع المضاف والتطبيقات والبرامج النصية والصور ومقاطع الفيديو والميزات التابعة لجهات خارجية الكثير من العمل من المتصفح. نادرًا ما تأتي المشكلة من ملف واحد: غالبًا ما تظهر بعد تراكم الميزات والتخصيصات والمحتوى الثقيل.

يوفر Shopify بالفعل استضافة وشبكة CDN عالمية وتحسينات تلقائية. ولذلك يجب عليك تشخيص الصفحة البطيئة حقًا قبل حذف العناصر العشوائية.

هل يبدو متجرك أبطأ من ذي قبل؟

يوفر التدقيق المصغر المجاني لـ SiteQuiVend ثلاث توصيات ذات أولوية من موقعك على الإنترنت.

رسم توضيحي لتشخيص أسباب بطء متجر Shopify
رسم توضيحي تم إنشاؤه لهذا الدليل: فهو يمثل تشخيصًا للأداء وليس نتيجة حقيقية للمشروع أو العميل.

الأسباب الرئيسية لمتجر Shopify البطيء

1. موضوع معقد للغاية

تقوم الرسوم المتحركة والدوارات والمرشحات والتعليمات البرمجية المخصصة بتحميل JavaScript وCSS. يمكن أيضًا للموضوع القديم أو المعدل في كثير من الأحيان الاحتفاظ بالملفات غير المستخدمة.

2. الكثير من التطبيقات النشطة

يمكن لكل تطبيق إضافة نصوص برمجية أو أنماط أو استعلامات أو كتل. تعمل أدوات المراجعة أو التتبع أو الترويج الزائدة على إنشاء حمل يمكن تجنبه.

3. آثار التطبيقات المحذوفة

لا يؤدي إلغاء التثبيت دائمًا إلى إزالة كافة التعليمات البرمجية من السمة. تحقق من تعليمات المطور قبل حذف المقتطفات المتبقية.

4. الكثير من الوسائط

على الرغم من Shopify CDN، تظل الصفحة ثقيلة وتحتوي على عدد كبير جدًا من العناصر المرئية أو صور GIF أو مقاطع الفيديو أو الصور غير المتناسبة.

5. نصوص تسويقية تابعة لجهة خارجية

تقوم التحليلات والإعلانات والدردشة والخرائط والاختبار والنوافذ المنبثقة والموجزات الاجتماعية بتحميل الموارد الخارجية التي قد يختلف أدائها.

6. الكثير من الخطوط والرسوم المتحركة

مضاعفة العائلات والدهون يؤخر العرض. تزيد الرسوم المتحركة أيضًا من عمل المتصفح وخطر التأخر.

7. صفحة تريد أن تظهر كل شيء

يؤدي الاستقبال الطويل جدًا أو المجموعة المحملة بشكل زائد أو الورقة المملوءة بالكتل إلى زيادة الحجم الأولي. يصبح التسلسل الهرمي وترقيم الصفحات أمرًا ضروريًا.

8. التخصيص غير المستهدف

يمكن للميزة التي لا تحتوي على تأخير في التحميل أو تعديل الشاشة أن تبطئ الموقع بأكمله على الرغم من أنها مفيدة في صفحة واحدة فقط.

كيفية قياس البطء بشكل صحيح؟

الانطباع الشخصي لا يكفي. اختبر أنواعًا متعددة من الصفحات، على الهاتف المحمول وسطح المكتب، مع اتصال واقعي. بيانات الزائر الفعلية والاختبارات المعملية تجيب على أسئلة مختلفة.

LCPيقيس تحميل المحتوى المرئي الرئيسي. توصي Google بالهدف لمدة 2.5 ثانية أو أقل.
INPيقيس الاستجابة للتفاعلات. المرجع الموصى به أقل من 200 مللي ثانية.
CLSيقيس الاستقرار البصري. العدسة الجيدة أقل من 0.1.

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

تشخيص المتجر البطيء في 7 خطوات

  1. تحديد موقع الصفحات المتضررة. الصفحة الرئيسية أو المجموعة أو المنتج أو السلة أو جميع الصفحات: النطاق يوجه البحث.
  2. لاحظ توقيت التباطؤ. الشاشة البيضاء، أو الصورة الرئيسية المتأخرة، أو زر الاستجابة الضعيفة، أو تخطي المحتوى ليست نفس المشكلة.
  3. قارن بين الهاتف المحمول والكمبيوتر. يكشف الهاتف المحمول الأقل قوة والشبكة غير المستقرة عن نصوص برمجية باهظة الثمن بسرعة أكبر.
  4. قم بالمخزون. قم بإدراج التطبيقات ووحدات البكسل والأدوات ومقاطع الفيديو والخطوط والتخصيصات التي تم تحميلها فعليًا.
  5. اختبار نسخة من الموضوع. قم بتعطيل عنصر واحد في كل مرة على المسودة لعزل التأثير دون تعديل المتجر عبر الإنترنت.
  6. تحقق من الرمز المتبقي. ابحث عن المقتطفات والملفات والمكالمات الخارجية القديمة بعد إلغاء تثبيت التطبيق.
  7. قياس قبل وبعد. احتفظ بنفس الصفحات وشروط الاختبار؛ تأكد أيضًا من أن وظيفة المبيعات تظل قيد التشغيل.

مهم: احفظ السمة واعمل على نسخة أولاً. يمكن أن تؤدي الإزالة السريعة إلى تعطيل المراجعات أو تتبع الإعلانات أو الاختلافات أو سلة التسوق دون حل السبب الجذري.

السبب والإشارة المرئية والإجراء الأول

سبب محتمل إشارة متكررة أول عمل حكيم
الصورة الرئيسية أو الفيديو تظل الشاشة الأولى فارغة أو تظهر متأخرة تحقق من الأبعاد والتنسيق والتحميل وعدد الوسائط
تطبيق أو برنامج نصي تابع لجهة خارجية تظهر الصفحة ثم كتلة التفاعلات اختبر الصفحة بدون البرنامج النصي على نسخة من الموضوع
المحتوى المنبثق أو المحقون تتحرك العناصر بعد العرض حجز المساحة وتأخير العناصر غير الأساسية
المجموعة مشغولة للغاية يتم إبطاء التمرير والمرشحات تقليل التحميل الأولي ومراجعة ترقيم الصفحات أو المرشحات
رمز قديم أو مكرر تتأثر جميع الصفحات تدقيق الملفات العالمية والتبعيات والمقتطفات القديمة

لماذا يكون البطء أكثر وضوحًا على الهاتف المحمول في كثير من الأحيان؟

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

لا تقتصر على تقليل النافذة: اختبر إيماءات اللمس والقائمة والتنوعات والإضافة إلى سلة التسوق. راجع أيضًا الدليل الخاص بـ تجربة Shopify للهواتف المحمولة.

التصحيحات التي تجعل المشكلة أسوأ في بعض الأحيان

قم بتثبيت تطبيق التسريع دون التدقيق

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

إزالة كافة الوظائف المفيدة

يخدم الأداء عملية الشراء، ولكن المتجر السريع جدًا الذي لا يحتوي على المعلومات أو المراجعات أو الميزات الضرورية قد يصبح أقل كفاءة. تقييم قيمة وتكلفة كل عنصر.

تحسين الصفحة الرئيسية فقط

يصل الزوار أيضًا إلى المجموعات والمنتجات والمقالات. يجب أن يستهدف التصحيح العالمي النماذج التي تم الرجوع إليها بالفعل.

تغيير الموضوع على الفور

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

ما هي خدمة SiteQuiVend التي يجب عليك اختيارها؟

تدقيق مصغر مجاني

ويقدم ثلاث توصيات ذات أولوية من الموقع المرئي. إنه يشكل رأيًا أوليًا، وليس تدقيقًا فنيًا كاملاً ولا وعدًا بالنتيجة.

الصيانة تبدأ من 59 يورو شهريًا

تغطي الخطط العامة التي تبلغ قيمتها 59 و99 يورو و199 يورو شهريًا الطلبات الصغيرة والمنتظمة خلال فترة زمنية شهرية محددة؛ يتم الإعلان عن القدرة المصممة خصيصًا بدءًا من 299 يورو. لا يتم تأجيل الطلبات غير المستخدمة والموعد النهائي المعلن يتوافق مع الاستجابة الأولى، وليس بالضرورة القرار.

التصحيح الفني المستهدف أو التدقيق

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

إعادة تصميم Shopify تبدأ من 990 يورو

يصبح الأمر متماسكًا إذا كان يجب أن يتطور الموضوع والهيكل والهاتف المحمول والعديد من النماذج معًا. تتراوح العروض من 990 يورو إلى 2990 يورو لعدد 5 إلى 20 صفحة أو نموذج، مع مواعيد نهائية إرشادية تتراوح من 5 إلى 21 يوم عمل. تظل المواضيع والتطبيقات والتراخيص المدفوعة منفصلة.

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

هل تريد تحديد التدخل الصحيح قبل تغيير الموضوع؟

عرض الصفحات البطيئة والتطبيقات المثبتة والتغييرات الأخيرة. سيكون SiteQuiVend قادرًا على التمييز بين التصحيح لمرة واحدة وإعادة التصميم الأوسع.

قائمة المراجعة قبل أي تحسين

✓ تحديد الأنماط البطيئة حقًا.
✓ اختبار الهاتف المحمول والكمبيوتر بشكل منفصل.
✓ لاحظ التغييرات الأخيرة في الموضوع.
✓ قم بإدراج كافة التطبيقات النشطة.
✓ تحديد موقع رموز التطبيق القديمة.
✓ عدد مقاطع الفيديو وصور GIF والدوارات.
✓ تحقق من البرامج النصية التسويقية التابعة لجهات خارجية.
✓ مراجعة الخطوط والرسوم المتحركة.
✓ احفظ الموضوع قبل التدخل.
✓ اختبار كل مسافة بادئة على المسودة.
. عربة التحكم والمتغيرات والتتبع.
✓ مقارنة قبل وبعد القياسات.

الأسئلة المتداولة

هل يقوم Shopify نفسه بإبطاء المتجر؟

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

هل يعمل التطبيق دائمًا على إبطاء Shopify؟

لا. يعتمد تأثيره على ما يقوم بتحميله والصفحات المعنية وتصميمه. يمكن أن يظل التطبيق المفيد والمتكامل معقولًا؛ يمكن أن تصبح الأدوات المتكررة المتعددة أو البرامج النصية العالمية باهظة الثمن.

هل يجب عليك ضغط جميع الصور قبل استيرادها؟

يقول Shopify إن شبكة CDN الخاصة به تعمل تلقائيًا على تحسين الصور وينصح بتحميل مصدر عالي الجودة. ويظل من المهم الحد من عدد الوسائط المعروضة وتجنب الأبعاد غير المتناسبة مع الاستخدام.

هل يؤدي إلغاء تثبيت التطبيق إلى إزالة كافة التعليمات البرمجية الخاصة به؟

ليس دائما. قد تظل بعض المقتطفات أو الملفات أو الإعدادات في السمة. قم بمراجعة تعليمات المطور وتحقق من نسخة من السمة قبل إزالة التعليمات البرمجية يدويًا.

هل النتيجة السيئة تضمن انخفاض المبيعات؟

لا. يؤثر الأداء على الخبرة، ولكن تباين المبيعات يعتمد أيضًا على حركة المرور والعرض والأسعار والثقة والرحلة. استخدم المقاييس لتحديد الأولويات، دون تعيين كل تغيير تلقائيًا للسرعة.

هل تغيير المواضيع كافٍ لتسريع المتجر؟

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

ما هي الصفحة التي يجب تحسينها أولاً؟

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

هل التدقيق المصغر المجاني هو تدقيق شامل للأداء؟

لا. فهو يقدم ثلاث توصيات ذات أولوية من الموقع الذي يمكن الوصول إليه. يتطلب التحليل الفني المتعمق للنصوص والموضوع والتطبيقات نطاقًا متميزًا.

تسريع دون إضعاف المتجر

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

Transformons vos idées en pages qui donnent confiance

Création ou refonte de boutique Shopify : obtenez une recommandation et un devis adaptés à votre situation.

Parler de mon projet →