8 طرق مجربة وصحيحة لأداء Shopify تحسين السرعة

نشرت: 2022-03-02

مقدمة

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

في هذه المقالة ، سيرشدك LitExtension - # 1 Shopping Cart Migration Expert إلى كيفية جعل Shopify يتفوق على المواقع الأخرى بسرعته العالية في التحميل.

قبل التعمق في كيفية تحسين أداء متجر Shopify الخاص بك ، تحقق من هذا الفيديو حول Shopify Review لمعرفة المزيد عن هذه المنصة الرائعة!


Top Quick Shopify قائمة مراجعة تحسين السرعة

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

Shopify تحسين السرعة

1. تحسين الصور ومقاطع الفيديو

غالبًا ما يكون الحجم الكبير من الصور ومقاطع الفيديو غير المحسَّنة هو السبب الأكثر شيوعًا لبطء موقع الويب. هناك 4 حلول قد ترغب في التفكير فيها لتسريع موقع Shopify على النحو التالي:

1.1 ضغط الصور ودمجها

يعد ضغط الصور الكبيرة أحد أكثر الطرق فعالية لتسريع موقع Shopify. على وجه الخصوص ، تعد TinyJPG أو TinyPNG خيارات جيدة لك لضغط حجم الصور دون تقليل الجودة مع ضغط بدون فقد.

وإلا ، عند تحميل العديد من الصور المختلفة ، والتي تتطلب الكثير من طلبات صور الخادم ، يمكنك اختيار دمج الصور. يساعد على دمج العديد من الرموز والصور المصغرة المميزة في واحدة تسمى "CSS Sprites" أو "CSS Image Sprites" . ستؤدي لاحقًا أداءً جيدًا الخاص بك Shopify تحسين السرعة.

1.2 استخدام صور تحميل كسول

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

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

نظرًا لأن المتصفح لا يحتاج إلى تحميل محتوى موقع الويب بالكامل مرة واحدة ، فإنه يساعد في حل سؤالك حول كيفية تسريع موقع Shopify على الويب.

تريد الهجرة إلى Shopify

إذا كنت تنوي الهجرة من WooCommerce إلى Shopify ، فإن LitExtension تقدم خدمة ترحيل رائعة تساعدك على نقل بياناتك من منصة التجارة الإلكترونية الحالية إلى منصة جديدة بدقة وبدون ألم بأقصى درجات الأمان.

هاجر WooCommerce إلى Shopify الآن

1.3 تطبيق تحميل الفيديو المؤجل

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

لدينا Shopify اختبار السرعة باستخدام هذه التقنية. لقد وفر 2 ميغا بايت من وزن الصفحة وساهم في تحميل الصفحة أسرع بـ75 ثانية.

- SpeedBooster ، 2021

1.4 استبدال صور GIF بالصور الثابتة

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

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

2. اختر الخطوط المناسبة

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

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

shopify تحسين السرعة: الخطوط المتاحة
Shopify الخطوط المتاحة

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

يتم تحديد الخط الذي يظهر على جهاز الكمبيوتر الخاص بالعميل من خلال نظام التشغيل الذي يستخدمه. عندما تختار مجموعة خطوط النظام ، يمكنك الاختيار من بين مجموعة متنوعة من المحارف لعرض النص:

  • خطوط أحادية: Menlo أو Consolas أو Monaco أو Liberation Mono أو Lucida Console.
  • خطوط Sans-serif: BlinkMacSystemFont أو Segoe UI أو Roboto أو Ubuntu أو Helvetica Neue.
  • خطوط Serif: Iowan Old Style أو Apple Garamond أو Baskerville أو Times New Roman أو Droid Serif أو Times أو Source Serif Pro.

3. إزالة تطبيقات Shopify غير الضرورية

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

shopify تحسين السرعة: متجر التطبيقات
Shopify متجر التطبيقات

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

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

لذلك ، من المهم مراجعة جميع التطبيقات التي تستخدمها بشكل متكرر . بعد ذلك ، هناك خطوتان بسيطتان يمكنك اتباعهما:

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

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

  • اطلب استشارة من مطور التطبيق الخاص بك
  • احصل على مزيد من المساعدة من خلال التعاقد مع Shopify professional

ملاحظة: تطبيقات المسؤول فقط مثل Shopify Local Delivery لا تؤثر على سرعة متجرك.

4. قم بتحديث / تنزيل ثيمات Shopify السريعة والمستجيبة

تتكون Shopify Themes من كود Liquid و HTML و CSS و JavaScript. يمكن أن تنمو أحجام الملفات هذه أثناء قيامك بتحرير السمات أو تخصيصها ، وفي النهاية ، تؤثر على سرعة الموقع الخاص بك Shopify ، وفي النهاية ، تؤدي إلى فشل Shopify التحسين.

shopify تحسين السرعة: السمات
Shopify الموضوعات

إذا قمت بتثبيت سمة جديدة ، فتحقق دائمًا مما يلي:

  • اختر مظهرًا سريعًا وسريع الاستجابة.
  • تحقق من الإصدار المحدث من المظهر الخاص بك بالإضافة إلى المعاينة المباشرة للسمة. قم بتشغيل صفحة معاينة المظهر من خلال Google PageSpeed ​​Insight لمعرفة التحسينات التي يمكن إجراؤها لتحسين سرعة موقعك.

إذا اكتشفت شيئًا في قالبك يتسبب في إبطاء متجرك عبر الإنترنت ، فاتبع الخطوات التالية:

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

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

  • استعن بمتخصص Shopify لمساعدتك في تحديد الكود غير الفعال أو غير المستخدم.
  • استخدم Shopify Theme Inspector لـ Chrome للعثور على سطور التعليمات البرمجية التي تعمل على إبطاء الصفحات في متجرك عبر الإنترنت.

5. تسخير AMP

حل آخر لـ Shopify تحسين السرعة هو Mobile Accelerated Pages ، أو AMP ، وهو إطار قياسي يسمح للتجار بتطوير صفحات ويب متوافقة مع الجوّال يتم تحميلها بسرعة.

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

اطلع على الإحصائيات (التي تم تحديثها بواسطة Statista) أدناه لترى مدى أهمية تحسين تجربة المستخدم لزوار الجوال:

  • في عام 2021 ، تجاوزت اشتراكات الهواتف الذكية 6 مليارات في جميع أنحاء العالم ، ومن المتوقع أن تزداد بمئات الملايين في السنوات القادمة.
  • من المتوقع أن تولد التجارة عبر الهاتف المحمول 72.9٪ من إجمالي تجارة التجزئة الإلكترونية في عام 2021 ، ارتفاعًا من 58.9٪ في عام 2017.

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

6. تنظيم جميع رموز التتبع باستخدام Google Tag Manager

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

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

يمكنك تكثيف جميع علامات التتبع الخاصة بك في طلب JavaScript واحد باستخدام حل إدارة مثل Google Tag Manager . إنها تتيح لك التعامل مع علامات المتجر المختلفة باستخدام مقتطف واحد فقط من التعليمات البرمجية. تحقق من هذا الدليل للحصول على مزيد من المعلومات حول كيفية استخدام Google Tag Manager مع متجر Shopify الخاص بك.

7. تقليل عمليات إعادة التوجيه والروابط المقطوعة

من أجل إجراء Shopify تحسين السرعة ، قد يحدث أن يلتقي موقعك بمجموعة من عمليات إعادة التوجيه والروابط المعطلة. فيما يلي طرق لتجنب ما لا مبرر له:

7.1 لعمليات إعادة التوجيه

تؤدي عمليات إعادة التوجيه غير المرغوب فيها إلى إعاقة أداء موقع الويب وإبطاء أوقات تحميل الصفحات. وهذا بدوره له تأثير على وقت التحميل الإجمالي للموقع .

Broken link 404/301 Redirect هو حل ذكي للاختيار ، تم تطويره بواسطة Giraffly. يساعد على:

  • تحديد صفحات الخطأ 404
  • يعرض بشكل بارز جميع الروابط المعطلة في لوحة معلومات التطبيق. بالإضافة إلى ذلك ، يمكنك تلقي التقارير عن طريق البريد.
  • قم بإنشاء عمليات إعادة توجيه 301 URL بسهولة. كل ما عليك فعله هو إعداد نمط إعادة التوجيه ، وسيتولى البرنامج الباقي.

7.2 للروابط المعطلة

Shopify تحسين السرعة: 404
خطأ 404: صفحة غير متاحة

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

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

8. تحقق من أداء سرعة متجرك من خلال Google Pagespeed Insights

قبل القفز إلى الحل ، دعنا نجيب على سؤال: ما هي نقاط السرعة الجيدة Shopify؟ تعتمد نقاط السرعة الخاصة بك في Shopify على مدى جودة تشغيل متجرك في بيئة اختبار Google Lighthouse. يعتبر أكثر من 50 علامة Shopify محترمة للسرعة ، بينما يعتبر أكثر من 70 ممتازًا !

توصيتنا للتحقق من أداء متجرك هي استخدام Google PageSpeed ​​Insights لتقييم صفحات الويب الخاصة بك والعثور على أجزاء موقع الويب الخاص بك التي تزيد من وقت التحميل ، ثم العمل على الاقتراحات المقدمة لتقليل وقت التحميل وتحسين سرعة موقع الويب وأدائه.

shopify تحسين السرعة: رؤى google pagespeed
Google PageSpeed ​​Insights

تكشف Google PageSpeed ​​Insights عن العوامل الرئيسية التالية لمواقع الويب للجوال وسطح المكتب:

  • تصغير CSS و JavaScript
  • تحسين الصور
  • احذف CSS و JS لحظر العرض في محتوى صفحة الويب في الجزء المرئي من الصفحة
  • تقليل وقت استجابة الخادم
  • استفد من التخزين المؤقت للمتصفح
  • يجب تجنب عمليات إعادة التوجيه إلى الصفحات المقصودة بأي ثمن
  • ضغط

قد يكون استخدام Google PageSpeed ​​لتحليل أداء موقع الويب الخاص بك هو الأفضل Shopify خدمة تحسين السرعة التي تساعدك في العثور على الجوانب التي تؤدي إلى إبطاء موقعك.


لماذا Shopify سرعة الصفحة مهمة؟

يعتمد نجاح التجارة الإلكترونية على سرعة موقع الويب الخاص بك. ومع التغييرات الوشيكة على ترتيب بحث Google في مايو 2021 ، سيصبح الأداء عبر الإنترنت أكثر أهمية كميزة تنافسية.

دعنا نلقي نظرة على العوامل التالية:

  • زيادة التحويل

تم ربط معدلات الارتداد المنخفضة والتحويلات المتزايدة بمواقع الويب السريعة التحويل. وفقًا لـ Google ، يمكن أن تؤدي زيادة سرعة الموقع بمقدار ثانية واحدة إلى زيادة تحويلات الجوّال بنسبة تصل إلى 27٪. مع 70٪ من المتسوقين يشترون على أجهزتهم المحمولة ، من المؤكد أن سرعة الموقع لها تأثير كبير على أرباحك المحتملة.

يمكن أن تؤدي زيادة سرعة الموقع بمقدار ثانية واحدة إلى زيادة تحويلات الجوّال بنسبة تصل إلى 27٪.

  • بناء ولاء العملاء

ربما سمعت: "إن إقناع المستهلكين الحاليين بإجراء عملية شراء متكررة أرخص من الحصول على عملاء جدد".

هذا هو المكان الذي تلعب فيه سرعة الموقع. وفقًا لـ Skilled ، يكون 79٪ من العملاء أقل ميلًا لإعادة الشراء من الأعمال التجارية عبر الإنترنت إذا كانوا "غير راضين" عن سرعة الموقع (على سبيل المثال ، إذا كان موقعك سريعًا ، فمن المرجح أن تحصل على عملاء متكررين).

  • تحسين ترتيب بحث جوجل

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


Shopify تحسين السرعة - أسئلة وأجوبة

# 1: كيفية تحسين Shopify Store Speed؟

ضع في اعتبارك هذه العوامل الرئيسية الثمانية على النحو التالي:

  1. تحسين الصور ومقاطع الفيديو
  2. اختر الخطوط المناسبة
  3. إزالة تطبيقات Shopify غير الضرورية
  4. تحديث Shopify ثيمات
  5. تسخير AMP
  6. تنظيم جميع رموز التتبع مع Google Tag Manager
  7. تقليل عمليات إعادة التوجيه والروابط المقطوعة
  8. تحقق من أداء سرعة متجرك من خلال Google Pagespeed Insights

# 2: كيفية معرفة موضوع Shopify الذي يستخدمه موقع الويب؟

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

  1. ابحث في شفرة المصدر يدويًا
  2. استخدم امتداد المتصفح للقيام بذلك نيابة عنك

خاتمة

نأمل أن تساعدك هذه المقالة في فهم ومعرفة كيفية أداء Shopify تحسين السرعة. لقد أبرزنا 8 طرق قوية يمكنك تطبيقها ومتابعتها لتحقيق أداء عالي السرعة.

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

إذا كنت تستخدم حاليًا Shopify أو غيرها من منصات التجارة الإلكترونية وقد تواجه مشكلات تتعلق بالسرعة ، فإن LitExtension - # 1 Shopping Cart Migration Service هنا لمساعدتك! سيساعدك فريقنا على النجاح في أداء Shopify تحسين السرعة تمامًا! يرجى الاتصال بنا ، فنحن دائمًا هنا للمساعدة.

يمكنك أيضًا الانضمام إلى مجتمعنا لمزيد من أخبار التجارة الإلكترونية.