تحسين أداء متجر WooCommerce لمتجر التجارة الإلكترونية الخاص بك

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

لماذا تحسين أداء متجر WooCommerce؟

لتحسين تجربة المستخدم:

يعتمد الاحتفاظ بالعملاء إلى حد كبير على تحسين أداء متجر WooCommerce للمتاجر التي تمت زيارتها. بالنسبة لتجربة المستخدم ، تبرز 3 عناصر ويجب مراقبتها:

1. سرعة عرض صفحات موقع الويب (40٪ من الزوار يتخلون عن التصفح إذا تجاوز وقت الاستجابة 3 ثوانٍ)
2. الوقت المطلوب لتنزيل عناصر الصفحة
3. مرونة المتصفح في التعامل مع عناصر الصفحة

لتحسين أداء الجوال / الويب:

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

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

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

للتحكم في التكاليف:

هناك المزيد والمزيد من البيانات لتخزينها ومعالجتها واستغلالها. تعمل الإدارة الفعالة لأداء متجر WooCommerce على تحسين التكاليف. هذا يستحث:

متجر على الإنترنت أقل جوعًا للموارد
توفر أفضل خلال أوقات الذروة

اختبار وقت تحميل متجر WooCommerce:

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

أدوات Pingdom
GTmetrix
Google PageSpeed ​​Insights

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

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

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

سنتعامل هنا مع أهم 10 منها:

1. WooCommerce Web Hosting
2. تحسين الصورة
3. تثبيت Cache Plugin
4. دمج WordPress CDN
5. تجميع ملفات CSS و JS
6. الاستفادة من CSS Sprites
7. تفتيح الصفحات إلى أقصى حد
8. تحسين قواعد البيانات
9. المجالات الفرعية للأصول
10. تفعيل ضغط Gzip

1. WooCommerce Web Hosting:

لاختيار استضافة WooCommerce ، لا تفكر تلقائيًا في "الاقتصاد" بالانتقال مباشرة إلى الأرخص. إذا كان متجر WooCommerce الخاص بك مستضافًا بشكل سيئ ، فقد يشمل ذلك وقت التوقف عن العمل وانعدام الأمن.

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

حتى لا تنخدع ، لا تتردد في الاتصال بالمتخصصين الذين يمكنهم تقديم المشورة لك.

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

ستعتمد المعادلة على العديد من المعلمات: الخوادم (جودة الأقراص الصلبة ، الأداء ، إلخ) ، التكرار (مضاعفة عدد الخوادم للتغلب على مشاكل الفشل) ، الخدمة (التدخل السريع ، إلخ).

تعد استضافة الويب لـ WooCommerce أحد العناصر الأساسية لضمان جودة الخدمة. تأكد من اختيارها!

Kinsta هو خيار رائع آخر لاستضافة موقع WooCommerce الخاص بك. تتيح لهم بنية هوسهم عالية الأمان والسرعة التعامل بسهولة مع الزيادات في حركة المرور ، بالنسبة لحلول Woocommerce ، فهي توفر التحجيم التلقائي والنسخ الاحتياطية اليومية وبيئة خادم WooCommerce المحسّنة ومجموعة رائعة من الوظائف الإضافية الاختيارية.

2. تحسين الصورة:

الصور هي العامل الأول الذي يؤثر على وقت تحميل المواقع. يتجاهل العديد من مالكي المتاجر هذا الجانب الأساسي من تحسين محركات البحث وهم محتوى لإدراج الصور دون أي تحسين.

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

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

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

3. تثبيت البرنامج المساعد لذاكرة التخزين المؤقت:

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

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

للاستفادة من التخزين المؤقت ، هناك العديد من الخيارات المتاحة لإنشاء نظام ذاكرة التخزين المؤقت: على سبيل المثال Breeze - البرنامج المساعد لذاكرة التخزين المؤقت WordPress المجاني.

4. دمج WordPress CDN:

تعد شبكة توصيل المحتوى (CDN) معلمة مهمة أخرى لتحسين أداء متجر WooCommerce ولا يتم استخدامها بشكل كافٍ من قبل متاجر WooCommerce. يتم تشغيل WordPress CDN على النحو التالي: بدلاً من تحميل جميع عناصر الصفحة من خادم واحد ، يمر المرء عبر شبكة من الخوادم الموجودة في العديد من مراكز البيانات حول العالم.

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

5. مجموعة ملفات CSS و JS:

دائمًا في محاولة لتفتيح متجرك قدر الإمكان ، ننصحك بضغط ملفات CSS و JS (يمكن لمكوِّن Breeze cache القيام بذلك). لنكن واضحين ، يتم الآن ثقل مواقع الويب من خلال استخدام المزيد والمزيد من رموز JavaScript و CSS للعمل.

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

6. استخدم CSS Sprites:

تحسين أداء متجر WooCommerce يعني أيضًا استخدام ما يسمى بتقنية CSS Sprites. هذه الممارسة ، المستخدمة على نطاق واسع في ألعاب الفيديو قبل (2D) ، تسمح باستخدام صورة واحدة تحتوي على عدة صور أخرى. مصمم الويب هو الذي يختار الصورة التي يريد استخدامها لخاصية "background-position".

بشكل ملموس ، تخيل أن متجر WooCommerce الخاص بك يحتوي على Twitter و Facebook و Instagram و Pinterest و RSS و YouTube على سبيل المثال. بدلاً من الحصول على صورة لكل زر ، ستتمكن من تجميع هذه الصور الست في ملف واحد. يمكنك بعد ذلك استخدام ملف صورة واحد لجميع الرموز المذكورة أعلاه.

7. تفتيح الصفحات إلى أقصى حد

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

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

8. تحسين قواعد البيانات:

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

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

لاحظ أنه يمكنك استخدام متجر WooCommerce الأمثل باستخدام ملحق WP-DBManager المتوفر في دليل إضافات WordPress.

9. المجالات الفرعية للأصول:

تحسين آخر للصور أو الوسائط بشكل عام: إنشاء نطاقات فرعية مخصصة للأصول. عند الاتصال بصفحة ويب ، يتم تعيين إعدادات المتصفح افتراضيًا على عدد معين من اتصالات النطاق الفرعي (4 ، 6 ، 8 ...). إنه نوع من قائمة انتظار طلبات HTTP. يضع هذا حدودًا لأنه يتعين عليه الانتظار حتى يكتمل طلب ما حتى يتمكن من تشغيل طلب آخر.

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

ومن ناحية أخرى ، لعمل قائمة انتظار مختلفة لطلباتك: "الصور / الأصول". هذا يجعل من الممكن مشاركة الموارد بطريقة ما.

10. تمكين ضغط Gzip:

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

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

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

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

نبذة عن الكاتب :

سعود رزاق هو مدير مجتمع WordPress في Cloudways - منصة استضافة WooCommerce مُدارة. سعود مسؤول عن خلق ضجة ونشر المعرفة وتثقيف الناس حول WordPress في المجتمع حول العالم. في أوقات فراغه ، يحب لعب الكريكيت وتعلم أشياء جديدة على الإنترنت.