كيفية تسريع موقع Shopify؟

نشرت: 2021-08-16

يمكن أن تكون إدارة عمل تجاري ناجح على Shopify مهمة كبيرة. هناك العديد من الجوانب التي يجب الاهتمام بها ومعظمها يتطلب وقتك واهتمامك وخبراتك.

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


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

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

قيادة السيارات على الطريق ليلاً ، مما يترك خطوطًا ضوئية بسرعة

لماذا يعد المتجر السريع مهمًا؟

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

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

لماذا ا؟ مكتوب على السبورة

كيف أعرف أن موقعي به مشكلة؟

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

شخص ينظر إلى شاشة الكمبيوتر باهتمام

كيفية تسريع موقع Shopify؟

تحسين وضغط الصور

قم بضغط أي صور تستخدمها على موقعك لتقليل حجم ملفات الصور. ومع ذلك ، تأكد من عدم ضغطها كثيرًا لأنها ستقلل من جودتها وتؤثر على وقت التحميل. يمكنك ضغط الصور باستخدام Adobe Photoshop أو TinyPNG أو أي برنامج آخر لتحرير الصور.

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

بالحديث عن الأمور الكبيرة ، ألق نظرة على منشورنا حول كيفية تسريع موقع BigCommerce الخاص بك!

لقطة شاشة لبرنامج تحسين الصور

استخدام المتصفح التخزين المؤقت

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

جوجل ترك مفتوحا على جهاز كمبيوتر محمول

نفِّذ AMP

AMP (Accelerated Mobile Pages) هو مشروع جديد مفتوح المصدر نسبيًا يهدف إلى إنشاء تصفح ويب سريع وسهل للجوال بمحتوى مكتوب بلغة HTML. يمكن أن يؤدي تنفيذ AMP إلى تسريع موقع Shopify الإلكتروني الخاص بك وجعله أسرع للعملاء للعثور على المنتجات التي يبحثون عنها!

AMP Graphic

تقليل الرحلات ذهابًا وإيابًا

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

كمبيوتر به سهم ينتقل إلى خادم وخادم به سهم ينتقل إلى الكمبيوتر

استضافة مع CDN

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

شعار Cloud Flare

تصغير CSS / JavaScript

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

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

شعار CSS و JavaScript Compressor

استخدم سمة سريعة

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

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

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

Shopify حقيبة على رأس شخص يركب دراجة بخارية

خطوط ويب التخزين المؤقت

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

نتائج البحث عن خطوط google

التحليل باستخدام PageSpeed ​​Insights

أداة PageSpeed ​​Insights هي الطريقة المثالية لمعرفة المجالات التي تحتاج إلى تحسين في موقع الويب الخاص بك Shopify. ستمنحك هذه الأداة سهلة الاستخدام نقاطًا لمدى سرعة تحسين صفحاتك وسرعتها. يصنف الموقع صفحاتك على مقياس من 0 (بدون تحسين) إلى 100 (محسن تمامًا)!

شخص يقوم باختبارات سرعة صفحة الويب على جهاز كمبيوتر

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

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

كمبيوتر يحتوي على صفحة 404 على الشاشة

لا تستخدم أشرطة تمرير الصور

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

لقطة شاشة لمنزلق الصورة

استخدم تطبيقات أقل

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

لقطة شاشة لمجموعة من التطبيقات

استخدم وظيفة التحميل الكسول

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

ضبابية Shopify شعار مع سهم فوقه

استنتاج

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

منشور له صلة: إصدار جملة 3.10.1.