السرعة هي المال لموقع التجارة الإلكترونية. كلما تم تحميل موقعك بشكل أسرع ، كانت تجربة التسوق أفضل. تُترجم تجربة المستخدم الأفضل إلى تحسين محركات البحث وزيادة عائد الاستثمار والعملاء الأكثر سعادة. هذا يؤدي في النهاية إلى زيادة الإيرادات والأرباح.
يتوقع المتسوقون اليوم صورًا ومقاطع فيديو عالية الدقة ، ودردشة حية ، ومراجعات المستخدمين ، ومخزونًا في الوقت الفعلي ، وتخصيصًا ، ومجموعة من الأدوات الديناميكية الأخرى.
المتسوقون عبر الإنترنت لديهم فترة انتباه قصيرة . وبالتالي ، فإن جميع الميزات التي يتوقعون الحصول عليها تجربة شراء أسرع وأكثر سلاسة هي نفسها التي تبطئ موقع التجارة الإلكترونية الخاص بك إذا لم تقم بتنفيذها بشكل صحيح.
WooCommerce هي أكثر منصات التجارة الإلكترونية شيوعًا في العالم وهي مجانية للاستخدام والتعديل وفقًا لمتطلباتك. Kinsta Can مع الملوثات العضوية الثابتة المميزة "العرض =" 800 ″ height = "500 ″ /> Kinsta Can with PoPs
تم تنزيل WooCommerce أكثر من 88 مليون مرة حتى الآن. اعتبارًا من الآن ، يتم استخدامه على أكثر من 5 ملايين موقع ويب .
على عكس منصات التسوق الشهيرة الأخرى ، لا يتعين عليك دفع نسبة مئوية من عائداتك إلى WooCommerce إذا كنت تستخدمها. هناك بعض التكاليف العامة المرتبطة بتشغيل متجر يعمل بنظام WooCommerce.
ولكن هناك مشكلة! نظرًا لأن WooCommerce مجاني مع دعم محدود ، فأنت مسؤول عن الحفاظ عليه في أفضل شكل. الخبر السار هو أنه من السهل الاعتناء به إذا كنت تعرف ما تفعله!
هل تريد معرفة كيفية تسريع موقع WooCommerce بشكل موثوق؟
هذا الدليل هو لك!
وتذكر أن هدفك النهائي هو زيادة إيرادات متجرك. لذا تأكد من تنزيل كتابنا الإلكتروني المجاني ، 10 طرق لزيادة تحويلات صفحة منتج WooCommerce .
لماذا تعتبر السرعة مهمة لمتجر على الإنترنت
الانطباعات الأولى مهمة والسرعة هي أول ما يلاحظه المستخدم بشأن موقعك. في دراسة أجرتها Google ، غادر 53٪ من مستخدمي الجوال موقعًا إذا استغرق تحميله أكثر من 3 ثوانٍ .
ثانيتان هي الحد الأدنى لقبول موقع التجارة الإلكترونية. في Google ، نهدف إلى أقل من نصف ثانية. "
- مايلي أويي ، رئيس قسم التكنولوجيا في Google
في دراسة عالمية أخرى ، قال 80٪ من المستخدمين إنهم يجدون موقع ويب بطيئ التحميل أكثر إحباطًا من موقع الويب المعطل مؤقتًا . وجدت الدراسة نفسها أيضًا أن 73٪ من المستخدمين سيتحولون إلى موقع منافس إذا كان تحميل موقع الويب بطيئًا جدًا.
حتى التأخير البالغ 100 مللي ثانية في وقت استجابة الصفحة يمكن أن يضر بتجربة المستخدم والإيرادات عبر الإنترنت. وفقًا لـ Akamai ، يؤثر التأخير البالغ 100 مللي ثانية على معدلات التحويل بنسبة 7٪ ، بينما يؤدي التأخير لمدة ثانيتين إلى زيادة معدلات الارتداد بنسبة هائلة تصل إلى 103٪ .
إذا كان موقعك يحقق أرباحًا قدرها 1000 دولار يوميًا ، فقد تكلفك التأخيرات البالغة 100 مللي ثانية في أوقات تحميل الصفحة 25.550 دولارًا أمريكيًا في المبيعات المفقودة سنويًا.
كلما زاد حجم العمل ، زاد السقوط. على سبيل المثال ، توقعت أمازون خسارة إيرادات قدرها 1.6 مليار دولار سنويًا إذا تباطأ وقت تحميل الصفحة بمقدار ثانية واحدة فقط.
تشير البيانات الواردة أعلاه إلى أنه إذا استغرق تحميل موقع الويب الخاص بك 6 ثوانٍ أو أكثر ، فإنك تفقد ضعف عدد المستخدمين كما لو تم تحميل موقعك في أقل من 3 ثوانٍ.
بصرف النظر عن تجربة المستخدم ، تؤثر سرعة موقعك أيضًا على تحسين محركات البحث . تلعب سرعة موقع الويب وأدائه عاملاً رئيسياً في خوارزمية تصنيف موقع Google.
تحولت Google إلى الفهرسة التي تعطي الأولوية للجوال لأكثر من 50٪ من الصفحات المعروضة في نتائج البحث الخاصة بها. على الرغم من ذلك ، تشير البيانات الواردة من HTTPArchive.org إلى أن متوسط وقت التحميل لمواقع الجوال التي تعمل بنظام WordPress قد ساء في العام الماضي.
خلال أوقات ذروة حركة المرور مثل Cyber Monday و Black Friday ، من الأهمية بمكان الحفاظ على تشغيل موقعك بأسرع ما يمكن. مع كثرة العروض المنتشرة ، يعد ضمان عدم هجر المتسوقين لموقعك أمرًا بالغ الأهمية لإغلاق المبيعات.
بالنظر إلى هذه الإحصائيات ، يمكن أن يمنحك تسريع متجر WooCommerce الخاص بك ميزة كبيرة على منافسيك.
قياس سرعة متجر WooCommerce
ما لا يمكنك قياسه ، لا يمكنك تحسينه!
الآن بعد أن فهمت سبب أهمية السرعة لمتجر WooCommerce ، حان الوقت لتتعلم كيفية قياسها. من الضروري معرفة كيفية قياس التحسينات عندما تحاول تسريع موقع WordPress الخاص بك .
يعد اختبار سرعة موقع الويب أداة مثالية لاختبار استجابة متجر WooCommerce الخاص بك. ولكن إذا لم تفعل ذلك بشكل صحيح ، فقد يبدو موقعك أبطأ بالنسبة لك بعد إجراء تغيير ، عندما يكون أسرع.
نوصيك بالبدء باستخدام إحدى أدوات اختبار سرعة مواقع الويب هذه: WebPagetest أو Pingdom أو Google PageSpeed Insights أو GTMetrix .
يمكنك أيضًا استخدام البرنامج المساعد المجاني لبرنامج WordPress Query Monitor لتحديد السمات والإضافات والوظائف ذات الأداء الضعيف. يساعدك على تصحيح أخطاء استعلامات قاعدة البيانات غير الفعالة والوظائف المتضخمة وأخطاء PHP واستدعاءات HTTP API وما إلى ذلك.
لا توجد أداة اختبار سرعة مثالية ، ولكن اختر واحدة والتزم بها. يمكنك العمل في طريقك نحو خيارات أخرى لاحقًا.
هناك فرق بين الأداء الفعلي والأداء المتصور . تعتبر تجربة المستخدم أكثر أهمية من المعالجة الفنية التي تشغل الموقع.
لذلك ، استخدم التقنيات المذكورة أدناه لتحسين تجربة المستخدم الإجمالية لموقعك ، بدلاً من مجرد الحصول على درجة عالية السرعة .
كيفية تسريع WooCommerce
سيعطيك تقرير اختبار السرعة خطة قابلة للتنفيذ لتحسين موقع WooCommerce البطيء. متحمس؟ هيا بنا نبدأ!
1. تحسين إعدادات WooCommerce للأداء
لنبدأ بالأساسيات عن طريق تحسين إعدادات البرنامج المساعد WooCommerce .
أولاً ، قم بتغيير عنوان URL لصفحة تسجيل الدخول الخاصة بك . بشكل افتراضي ، يكون عنوان URL لتسجيل الدخول إلى كل موقع من مواقع WordPress هو domain.com/wp-admin/ . في حين أنه من السهل تذكر ذلك ، إلا أنه يمثل مشكلة كبيرة: الجميع يعرف ذلك أيضًا ، بما في ذلك الروبوتات والمتسللين.
سيؤدي تغيير عنوان URL لتسجيل الدخول إلى شيء فريد إلى حمايتك من هجمات القوة الغاشمة من الجهات الفاعلة الشائنة. سيساعدك أيضًا في مكافحة أخطاء HTTP التي تحد من المعدل مثل 429 طلبات كثيرة جدًا .
الإضافات المجانية مثل WPS Hide Login و Rename wp-login.php تجعل هذه المهمة سهلة للغاية.
إذا كان موقع التجارة الإلكترونية الخاص بك يستضيف مدونة أيضًا ، فيمكنك تحديد عدد المنشورات في موجز مدونتك. يعيّن WordPress هذا الحد إلى 10 منشورات افتراضيًا ، ولكن يمكنك تعيين حد أدنى.
على الرغم من أن هذا قد يبدو تافهًا ، إلا أن وفورات الأداء تضيف إذا كنت تدير مدونة ذات حركة مرور عالية (إليك كيفية زيادة حركة المرور إلى موقع الويب الخاص بك ). يمكنك العثور على هذا الخيار ضمن لوحة تحكم WordPress → الإعدادات → القراءة .
بعد ذلك ، قم بتعطيل pingbacks على موقع الويب الخاص بك. عادة ما يولدون بريدًا عشوائيًا لا قيمة له. كلما قل عدد الاستعلامات التي يولدها موقعك ، كان ذلك أفضل.
إذا كان لديك الكثير من تعليقات المستخدمين على منشوراتك أو صفحاتك ، فإن WordPress يمنحك أيضًا خيارًا لتقسيمها إلى أجزاء أصغر. ينطبق نفس الإعداد على تقسيم المراجعات على صفحات منتجك.
احتفظ بهذا الرقم بين 10 و 20 لتحسين وقت تحميل صفحة منتجك.
يمكنك تعطيل مراجعات المنتج ضمن WooCommerce → الإعدادات إذا كنت لا تحب الحصول عليها في متجرك. سيساعد هذا في تسريع موقعك لأنه يلغي تحميل بعض البرامج النصية والأدوات.
أخيرًا ، قم بإزالة أي سمات وإضافات غير ضرورية / قديمة من موقعك. كلما قل عدد السمات والمكونات الإضافية التي قمت بتثبيتها ، كان من الأسهل صيانتها واستكشاف مشكلات الأداء وإصلاحها .
2. احصل على ثيم WooCommerce سريع
استخدام موضوع WooCommerce الصحيح مهم. هناك مئات الآلاف من المظاهر ، لذا فإن اتخاذ قرار بشأن الموضوع المثالي بالنسبة لك يمثل تحديًا دائمًا.
يمكن أن يبدو المظهر الجميل الذي يحتوي على ميزات مدمجة مذهلة رائعًا على الورق ، ولكنه قد يتخبط في الاستخدام الفعلي. بالنسبة إلى موقع التجارة الإلكترونية ، تحتاج إلى التأكد من أنه متوافق تمامًا مع WooCommerce.
قام WP Rocket باختبار مجموعة من ثيمات WooCommerce الشائعة من أجل السرعة وتوصل إلى النتائج التالية.
Astra و OceanWP و GeneratePress هي أيضًا المفضلة لدى Kinsta كما هو مقترح في مقالة تسريع WordPress . إنها موضوعات WordPress فائقة السرعة وخفيفة الوزن. ستجد أكثر من 10 سمات إضافية سريعة جدًا في هذا البرنامج التعليمي .
عند إقرانه بأداة إنشاء صفحات مثل Elementor أو Beaver Builder ، فيمكنهما مساعدتك في إنشاء أي موقع تقريبًا.
Storefront هي سمة مجانية تقدمها WooCommerce ، بينما تعد Shoptimizer و Divi و WoondrShop موضوعات متميزة. نظرًا لأن هذه السمات مصممة لتشغيل موقع التجارة الإلكترونية ، فلا داعي لتثبيت مكونات إضافية تابعة لجهات خارجية للحصول على جميع الميزات التي تريدها.
إذا كنت تعاني من نقص في الميزانية ، فلا بأس أن تبدأ بموضوع مجاني ثم الترقية لاحقًا إلى حل متميز.
نوصي بترك منشئي الصفحات في الخلف لتقليل حجم التضخم. بدلاً من ذلك ، انتقل إلى سمة تدعم محرر قوالب WordPress Gutenberg .
لاتخاذ قرار بشأن موضوع ، نقترح عليك سرد جميع الميزات التي تحتاجها في متجرك عبر الإنترنت. ثم انتقل إلى موضوع يغطي معظم متطلبات الميزات الخاصة بك. سيساعدك هذا على تقليل الاعتماد على السمات المتضخمة متعددة الأغراض والمكونات الإضافية لجهات خارجية.
هذا يقودنا إلى الاقتراح التالي.
3. انطلق بسهولة على الإضافات وإضافات WooCommerce
يحتوي WordPress على 54000+ مكون إضافي مجاني في مستودعه. هناك المزيد من الإضافات المتميزة في البرية. وبالتالي ، من السهل الانشغال وتثبيت العشرات منها.
لا تعمل العديد من المكونات الإضافية الشائعة ، خاصة تلك المتعلقة بالأداء والأمان ، بشكل جيد في بيئات استضافة معينة .
إذا وجدت صعوبة في تحديد المكون الإضافي المراد تثبيته ، فانتقل إلى قائمة Kinsta المختارة يدويًا لأفضل مكونات WordPress الإضافية للاستخدامات المختلفة. من تحسين محركات البحث إلى ضغط الصور ، فأنت ملزم بالعثور على بعض الأحجار الكريمة هناك.
يمكن توسيع وظائف WooCommerce من خلال مجموعتها الواسعة من امتدادات WooCommerce المجانية والمتميزة . تعمل بنفس طريقة المكونات الإضافية.
على عكس التصور الشائع ، لا يتسبب عدد المكونات الإضافية التي تثبتها دائمًا في حدوث مشكلات في الأداء. لكن هذا صحيح فقط طالما أن المكونات الإضافية مبنية بأفضل ممارسات الترميز.
يصبح فحص كل مكون إضافي تقوم بتثبيته للتأكد من جودته أمرًا شاقًا عندما يكون هناك الكثير منهم. وهذا مع الأخذ في الاعتبار أن لديك المهارات والخبرات لفحصها بدقة.
حتى أن بعض المكونات الإضافية تخلق تعارضًا مع المكونات الإضافية الأخرى. عندما يكون لديك العشرات من المكونات الإضافية على موقعك ، فإن احتمال حدوث تعارض في المكون الإضافي يرتفع بشكل كبير.
وبالتالي ، كن ذكيًا بشأن نوع المكونات الإضافية وملحقات WooCommerce التي تقوم بتثبيتها.
4. زيادة حد ذاكرة WordPress
يخصص WordPress 32 ميغابايت من الذاكرة لـ PHP افتراضيًا. إذا تم تشغيله في أي أزمة ، فسيحاول تلقائيًا زيادة هذا الحد إلى 40 ميغابايت (لموقع واحد) أو 64 ميغابايت (للمواقع المتعددة).
في معظم الحالات ، لن يكون حد الذاكرة هذا كافيًا لموقع WooCommerce. قد تتلقى حتى رسالة خطأ على لوحة القيادة الخاصة بك مثل:
" تم استنفاد حجم الذاكرة المسموح به البالغ xxxxxx بايت"
يوصى بزيادة هذا الحد إلى 256 ميغا بايت . قم دائمًا بعمل نسخة احتياطية من أي ملف قبل تحريره. في حالة حدوث خطأ ما ، يمكنك استبدال الملف المحرر بالملف الأصلي.
5. ضغط الصور وتحسين التسليم
تشكل الصور الجزء الأكبر من حجم صفحة أي موقع ويب ، خاصة بالنسبة لموقع التجارة الإلكترونية. يتم تحميل مواقع WooCommerce بصور ولافتات المنتج.
إذا لم تقم بتحسين الصور من حيث الحجم والتسليم ، فيمكنهم إحضار موقع الويب الخاص بك إلى الزحف 🐌
يتتبع HTTPArchive حجم وكمية العديد من صفحات الويب الشائعة. إليك تمثيل مرئي لحالة مواقع WordPress الخاصة بهم في عام 2021 :
بينما تعد مقاطع الفيديو موردًا أثقل من الصور ، يتم تحميلها عند الطلب في معظم الحالات. ومن ثم ، فإنها لا تؤثر على سرعة تحميل الصفحة المتصورة بقدر تأثير الصور.
وفقًا لتقرير حالة الصور الخاص بأرشيف HTTP ، يمكنك حفظ 545 كيلوبايت لكل صفحة عن طريق التحميل البطيء للصور المخفية وخارج الشاشة .
من خلال ضبط مستويات ضغط JPEG على 85 أو أقل ، يمكنك توفير 40.3 كيلوبايت لكل صفحة. يأتي هذا المقياس مباشرة من Lighthouse ، أداة اختبار السرعة من Google لمواقع الويب للجوال.
اتبع هذه القواعد الخمس لتحسين الصور لمتجر WooCommerce (والويب بشكل عام):
- اختر التنسيق المناسب لصورك (JPEG ، PNG ، SVG ، WebP ).
- ضغط الصور بكفاءة باستخدام الأدوات الصحيحة.
- استخدم الصور سريعة الاستجابة لتحسين التسليم لمختلف الأجهزة.
- تحميل كسول خارج الشاشة والصور المخفية.
- قم بإلغاء تحميل تسليم الصور إلى شبكات CDN السريعة .
قدم WooCommerce 3.3 تحسينات في حجم الصورة مثل تغيير حجم الصورة المصغرة أثناء التنقل وإصلاح الصورة الباهتة وتغيير حجم الصورة المصغرة للخلفية. كل هذه الميزات تجعل استخدام مكون إضافي مثل Regenerate Thumbnails للصور ذات الصلة بـ WooCommerce زائداً عن الحاجة.
إذا كنت تبدأ بتثبيت جديد ، فيمكنك ضغط صورك قبل تحميلها على موقعك. فيما يلي بعض أهم توصيات ضغط الصور عبر الإنترنت:
- ضاغط
- Squoosh.app
- شرينكمي
- Kraken.io
- Imagify.io
- TinyJPG | TinyPNG
هل لديك العديد من الصور بالفعل على موقعك؟ ثم يمكنك استخدام مكون WordPress الإضافي لأتمتة تحسين الصور . فيما يلي الأشخاص الذين قدموا دائمًا أفضل أداء في تجربتنا:
- بكسل قصير
- تخيل
- reSmush.it
- أوبتيمول
تتيح معظم هذه المكونات الإضافية أيضًا التحميل البطيء للصور. يخطط فريق WordPress الأساسي لإضافة صور بطيئة التحميل كميزة مضمنة . سيستخدم هذا سمة تحميل HTML الجديدة لعلامات <img> .
ومع ذلك ، هناك شيء أخير يتعلق بتحسين الصورة. تجنب استخدام المكونات الإضافية لضغط الصور قدر الإمكان ، لا سيما تلك التي تستخدم موارد الخادم الخاص بك لضغط الصور.
بدلاً من ذلك ، استخدم خدمة تقوم بإلغاء تحميل مهمة ضغط الصورة إلى خادم خارجي. أو الأفضل من ذلك ، قم بتغيير حجم الصور وضغطها قبل تحميلها على موقع الويب الخاص بك.
للحصول على برنامج تعليمي متعمق ، تعد مقالة Kinsta حول تحسين الصور للويب والأداء مصدرًا رائعًا للبدء.
6. تسليم موارد ثابتة عبر CDN
شبكة توصيل المحتوى (CDN) هي مجموعة من الخوادم الموجودة في مواقع استراتيجية حول العالم. تُعرف مواقع الخادم هذه باسم نقاط التواجد (PoPs).
تتمثل الوظيفة الأساسية لـ CDN في التخزين المؤقت وتقديم الموارد الثابتة مثل الصور و JavaScript و CSS وما إلى ذلك. يمكن لشبكات CDN الأكثر قوة أيضًا استضافة وتقديم محتوى ديناميكي مثل الصوت والفيديو.
حتى إذا كان موقعك يعمل على أسرع خادم على هذا الكوكب ، فإنه لا يزال مقيدًا بموقعه الجغرافي. ستعمل شبكة CDN في WordPress على تقليل المسافة بين المستخدم الفردي وموارد الموقع ، مما يقلل من زمن انتقال الشبكة والوقت إلى البايت الأول (TTFB) .
اعتمادًا على المكان الذي يأتي منه الطلب ، يقوم تلقائيًا بتعيين أقرب CDN PoP لتسليم الموارد المخزنة مؤقتًا. والنتيجة هي موقع ويب أسرع وتجربة مستخدم أفضل.
إذا كنت أحد عملاء Kinsta ، دون أي تكلفة إضافية عليك ، فنحن نوفر فقط المواقع التي تقدم أفضل أجهزة C2 من Google. يمكنك تحديد المنطقة التي تناسبك أنت ومستخدميك والاختيار من بين 26 مركز بيانات في خمس قارات.
يمكن لمتجر WooCommerce تشغيل أقصى سرعة من خلال 275+ CDN POPs.
على سبيل المثال ، إذا كان متجر WooCommerce الخاص بك مستضافًا على خادم في الولايات المتحدة الأمريكية ، وحاول مستخدم من الهند فتح موقع الويب الخاص بك ، فستقوم CDN بخدمة أصول موقع الويب من أقرب PoP. هنا سيكون من بنغالورو (الهند).
كقاعدة عامة ، كلما زاد عدد نقاط PoP واتسع نطاق انتشارها العالمي ، كلما كان موقع الويب الخاص بك أسرع لمستخدميك.
وضعت Kinsta اختبار CDN الخاص بها والنتائج تتحدث عن نفسها. بالنسبة للمستخدمين في المواقع الجغرافية البعيدة بشكل كبير عن خادم الاستضافة ، أدى استخدام CDN إلى تقليل وقت تحميل الموقع بنسبة تزيد عن 50٪.
بصرف النظر عن التخزين المؤقت ، تشتمل العديد من شبكات CDN على ميزات أخرى لتحسين الأداء مثل ضغط الصور الفائق أثناء التنقل ودعم HTTP / 2 وحماية الارتباط السريع وأمانًا إضافيًا .
للحصول على متجر WooCommerce أسرع ، نوصيك بالحصول على CDN سريع . بعض شبكات CDN الشائعة التي يمكنك التحقق منها هي:
- كلاود فلير
- Sucuri CDN
- StackPath
7. تجريد النصوص غير المستخدمة وأوراق الأنماط
تقوم معظم قوالب WordPress والإضافات بتحميل البرامج النصية وأوراق الأنماط على جميع صفحات موقعك. يقومون بتحميل هذه الأصول حتى عندما لا يتم استخدامها على الصفحة.
على سبيل المثال ، يقوم نموذج الاتصال 7 بتحميل البرامج النصية وأوراق الأنماط الخاصة به في كل صفحة . لا يجوز استخدام نماذجها إلا في صفحة الاتصال ، ولكن يتم تحميل الأصول على جميع الصفحات. لا لزوم لها تماما!
سيساعدك تجريد هذه الأصول غير المستخدمة من الصفحات على تقليل الانتفاخ وتسريع أوقات تحميل الصفحة. WooCommerce وامتداداته (على سبيل المثال ، الكوبونات الذكية والمتابعة ) عرضة لهذه المشكلة.
على سبيل المثال ، ليس من الضروري تحميل البرامج النصية المتعلقة ببوابات الدفع على الصفحة الرئيسية لمتجرك أو صفحة المتجر. يمكنك تقييد مثل هذه البرامج النصية ليتم تحميلها فقط على صفحة الخروج وتأكيد الطلب. وبالمثل ، قم بإزالة البرامج النصية والأنماط لأشرطة التمرير والدوائر من صفحة الخروج الخاصة بك .
إذا كنت تريد معرفة الأصول التي يجب التخلص منها ، فراجع المخطط الانحداري في تقرير اختبار سرعة موقع الويب الخاص بك. سيعطيك فكرة عن الأصول غير الضرورية التي يتم تحميلها.
تعد علامة تبويب الشبكة ضمن DevTools لمتصفح Chrome مكانًا جيدًا للبدء. سوف يمنحك عرضًا شاملاً لكيفية وماذا يتم تحميل صفحة الويب .
قم بفصل البرامج النصية والأنماط غير الضرورية لعمل الصفحة. ابدأ بتحسين صفحتك الرئيسية وصفحاتك المقصودة ، لأن هذه هي نقاط الدخول الأولى لمعظم المستخدمين.
يمكنك استخدام الدالتين wp_dequeue_script و wp_dequeue_style لإزالة البرامج النصية والأنماط التي لا تحتاجها. هناك طريقة سهلة لتحقيق ذلك من خلال مكون إضافي يسمى Asset CleanUp: Page Speed Booster .
يقوم Asset CleanUp بمسح جميع البرامج النصية وأوراق الأنماط التي سيتم تحميلها على الصفحة. يمكنك تعطيل تلك التي لم يتم استخدامها على الصفحة. اختبر الصفحة من أجل التصميم والوظائف المناسبة بمجرد الانتهاء من إجراء التغييرات.
يسمح لك الإصدار الاحترافي من المكون الإضافي بتعيين سمات غير متزامنة أو مؤجلة للأصول . يؤدي تطبيق هذا الإعداد إلى إزالة JavaScript من مسار العرض الحرج للصفحة. يجب أن يساعد في تحسين وقت تحميل الصفحة المتصور لموقعك.
ميزة أخرى للتخلص من أصول CSS و JS غير الضرورية هي أن موقع الويب الخاص بك سيقدم طلبات HTTP أقل .
للحصول على بديل مجاني ، يمكنك استخدام مزيج من الإضافات Autoptimize و Async JavaScript للحصول على نفس النتائج. إذا ذهبت مع المكون الإضافي Autoptimize ، فإليك دليلنا الكامل خطوة بخطوة حول أفضل الإعدادات .
8. HTTP / 2 ضروري للغاية
إذا كنا نكتب هذه المقالة قبل بضع سنوات ، فسنطلق على هذا القسم عنوان " تقليل عدد طلبات HTTP ". بفضل التحسينات الجوهرية في كيفية تواصل المتصفحات مع مواقع الويب (والعكس صحيح) ، فإن الحاجة إلى هذا التحسين قد عفا عليها الزمن الآن.
كان HTTP 1.1 أول تحديث رئيسي لبروتوكول HTTP ، وتم الانتهاء منه في عام 1997. هذا قبل وسائل التواصل الاجتماعي وخدمات البث وتطبيقات الهواتف الذكية وحتى WordPress. نمت الويب بشكل كبير منذ ذلك الحين.
قام HTTP / 2 بتحسين بروتوكول HTTP 1.1 ودخوله في عام 2015 لمواكبة الطلبات المتزايدة للإنترنت. لقد جلبت معه تحسينات مذهلة في السرعة والكفاءة والأمان.
ترجع زيادة الأداء مع HTTP / 2 إلى عدة أسباب:
- تعدد إرسال وتوازي أفضل عبر اتصال TCP واحد.
- ضغط HPACK للرؤوس باستخدام خوارزمية ترميز هوفمان.
- امتداد ALPN لتشفير أسرع.
- يدفع الخادم الاستباقي بدلاً من انتظار الطلبات.
كل موسيقى الجاز هذه تؤدي إلى ميزة حاسمة واحدة: جعل مواقع الويب يتم تحميلها بشكل أسرع ، حتى عندما تستضيف أنواعًا مختلفة من الموارد.
عادةً ما تخدم متاجر WooCommerce الكثير من الأصول كثيفة الموارد مثل الصور وأوراق الأنماط والنصوص. ستستفيد مواقع مثل هذه بشكل كبير من خلال التبديل إلى HTTP / 2.
يمكنك استخدام أداة اختبار HTTP / 2 بواسطة KeyCDN للتحقق مما إذا كان موقعك قد تم تكوينه للعمل مع HTTP / 2. اعتبارًا من الآن ، يدعم كل متصفح رئيسي HTTP / 2 . لا يوجد سبب يمنعك من الاستفادة من مزايا الأداء الهائلة.
إذا كان مزود الاستضافة الخاص بك لا يدعم HTTP / 2 حتى الآن ، فابدأ في البحث عن واحد جديد. يدعم Kinsta HTTP / 2 و TLS 1.3 على جميع خوادمه و CDN.
علاوة على ذلك ، أصبح HTTP / 3 قاب قوسين أو أدنى وهو معد لجعل مواقع الويب يتم تحميلها بشكل أسرع.
9. Cache WooCommerce لتسريعها
التخزين المؤقت هو تخزين مؤقت للموارد (ذاكرة التخزين المؤقت) من طلب واحد بحيث يمكن تنفيذ الطلبات اللاحقة بسرعة. يمكن تخزين ذاكرة التخزين المؤقت إما على الخادم أو على جهاز المستخدم.
إنها إحدى أسهل الطرق لتسريع متجر WooCommerce الخاص بك. وهي أيضًا الأهم.
- يقوم المستخدم بتقديم طلب من خلال متصفحه للحصول على موقع ويب. على سبيل المثال ، يكتبون www.kinsta.com في المستعرض الخاص بهم.
- يقوم المتصفح بعد ذلك بتقديم طلب لعرض صفحة ويب (مستند HTML) للمستخدم. يعالج خادم DNS هذا الطلب ، مما يؤدي إلى الكشف عن عنوان IP الخاص بخادم الاستضافة.
- تتم معالجة إعادة صفحة الويب بواسطة تطبيق (مثل WordPress و Joomla وما إلى ذلك) مستضاف على خادم ويب. مع مواقع الويب الثابتة ، قد لا يكون التطبيق ضروريًا.
- يقوم التطبيق بتشغيل البرامج النصية (مثل PHP و JavaScript وما إلى ذلك) و (5) يستعلم عن قاعدة البيانات (مثل MySQL و MongoDB وما إلى ذلك) لإنشاء صفحة ويب. ثم يقوم بإعادة صفحة الويب إلى المتصفح ، الذي يعرضها ويظهرها للمستخدم.
إذا كان كل شيء يعمل بسلاسة ، يجب أن تستغرق جميع الخطوات المذكورة أعلاه بضع ثوانٍ كحد أقصى للتنفيذ.
لكن هذا مجرد طلب واحد من مستخدم واحد. ماذا لو كانت هناك طلبات متعددة من آلاف المستخدمين في نفس الوقت؟ سيؤدي ذلك إلى وضع عبء هائل على الخادم ، مما يؤدي في النهاية إلى موقع ويب أبطأ.
هذا هو المكان الذي يأتي فيه التخزين المؤقت للإنقاذ. يقلل من حجم العمل المطلوب لإنشاء مشاهدة الصفحة ، وبالتالي يقلل من اعتماد WordPress على PHP وقاعدة البيانات. التخزين المؤقت يجعل WordPress يعمل بنفس سرعة أداء المواقع الثابتة تقريبًا ، إن لم يكن هو نفسه.
هناك نوعان رئيسيان من التخزين المؤقت على الويب ، ولكل منهما مجموعات فرعية خاصة به:
التخزين المؤقت من جانب الخادم
- Bytecode Cache (OPCache)
- كائن ذاكرة التخزين المؤقت
- ذاكرة التخزين المؤقت للصفحة
- كاش CDN
التخزين المؤقت من جانب العميل
- مخبأ المتصفح
لا يؤدي التخزين المؤقت إلى زيادة سرعة تحميل موقع الويب فحسب ، بل يقلل أيضًا من الحمل على الخادم. تعد مقالة Kinsta التفصيلية حول ذاكرة التخزين المؤقت لـ WordPress مصدرًا رائعًا لشرح مفصل.
إذا كان متجر WooCommerce الخاص بك مستضافًا مع Kinsta ، فسيتم الاهتمام بالتخزين المؤقت على مستوى الخادم. وبالتالي ، لا تحتاج إلى استخدام مكون إضافي للتخزين المؤقت.
يقوم Kinsta بتكوين قواعد ذاكرة التخزين المؤقت للعمل بسلاسة مع WooCommerce. هذا يضمن أن المستخدمين لديك يتمتعون بتجربة دفع سلسة دون أي عوائق.
إذا كان موفر الاستضافة الخاص بك لا يتعامل مع التخزين المؤقت على مستوى الخادم ، فأنت بحاجة إلى الاعتماد على المكونات الإضافية للتخزين المؤقت لجهة خارجية للقيام بالعمل نيابة عنك. على الرغم من أنها ليست حلاً مثاليًا ، إلا أن الشيء دائمًا أفضل من لا شيء.
فيما يلي أهم توصيات البرنامج المساعد للتخزين المؤقت في WordPress:
- WP Rocket (ممتاز)
- W3 Total Cache (مجاني)
- Cache Enabler (مجاني)
لمزيد من الخيارات ، تحقق من منشور Kinsta على مكونات التخزين المؤقت في WordPress .
10. تنظيف قاعدة بيانات WooCommerce الخاصة بك
قاعدة البيانات هي مجموعة منظمة لجميع بيانات موقع الويب الخاص بك. في متجر WooCommerce ، يتضمن:
- محتوى الموقع مثل صفحات المنتج ، والفئات ، والعلامات ، وبيانات المستخدم ، والمراجعات ، والإعدادات على مستوى الموقع ، والموضوع ، والمكونات الإضافية ، وما إلى ذلك.
- بيانات المعاملات مثل تفاصيل الطلب والمدفوعات والمخزون وما إلى ذلك.
في كل مرة يزور فيها المستخدم متجرك ، فإنه يطلب محتوى موقعك ، والذي يكون في الغالب ثابتًا ولا يتغير كثيرًا. ولكن عندما يقدمون طلبًا ، فإنهم يقدمون طلبًا ديناميكيًا.
إذا لم تقم بتحسين قاعدة بيانات متجرك ، فقد تستغرق معالجة هذه الطلبات وقتًا طويلاً. في النهاية ، يؤدي وقت استجابة الخادم البطيء إلى موقع ويب بطيء. وبالتالي ، يجب عليك تنظيف قاعدة البيانات وتحسينها عن طريق إزالة البريد غير الهام غير الضروري.
فيما يلي 6 طرق لتسريع قاعدة بيانات WooCommerce وضبطها.
حذف المراجعات القديمة
إذا كان متجر WooCommerce الخاص بك يعمل منذ فترة طويلة ، فسيتم ملء صفحاته ومنشوراته ومنتجاته بالمراجعات القديمة . حان الوقت لتنظيف هذه.
أسهل طريقة للقيام بذلك هي من خلال المكونات الإضافية مثل WP-Sweep أو WP Rocket .
إذا كنت في متناول يديك مع WP-CLI ، فيمكنك أيضًا الاتصال بالخادم الخاص بك عبر SSH وتشغيل بعض الأوامر البسيطة لفعل الشيء نفسه. إليك كيف يمكنك القيام بذلك.
تحديد عدد المراجعات المخزنة
يمكنك تجنب وجود العديد من المراجعات القديمة عن طريق الحد من عدد المراجعات للمشاركات والصفحات. إذا كنت عرضة لتحديث محتوى موقعك في كثير من الأحيان ، فسيساعدك ذلك على منع المراجعات من الخروج عن نطاق السيطرة.
طريقة سهلة لتعيين الحد عن طريق إضافة مقتطف الشفرة أدناه إلى ملف wp-config.php الخاص بك . تأكد من إضافته قبل السطر حيث تم تعريف ABSPATH .
define('WP_POST_REVISIONS', 15);
لقد قمت بتعيين الحد على 15 في الكود أعلاه. يمكنك تغييره إلى أي عدد من المراجعات التي تريدها ، ولكن حاول الاحتفاظ بها أقل من 15.
بدلاً من ذلك ، يمكنك استخدام مكون إضافي مجاني مثل WP Revisions Control للقيام بالشيء نفسه.
تعطيل المراجعات تمامًا (إذا لم تكن ضرورية)
يمكنك تعطيل المراجعات من موقعك تمامًا. كل ما عليك فعله هو إضافة الكود التالي إلى ملف wp-config.php الخاص بك . كما في السابق ، تأكد من إضافة هذا المقتطف أعلى السطر حيث تم تعريف ABSPATH .
define('WP_POST_REVISIONS', false);
أو يمكنك استخدام مكون إضافي مجاني مثل Disable Post Revision للقيام بنفس الشيء بنقرة واحدة.
قبل تعطيل المراجعات ، نقترح عليك حذف جميع المراجعات القديمة التي لا تزال موجودة. بهذه الطريقة ، ستكون قاعدة بيانات موقعك خالية تمامًا من المراجعات في المستقبل.
تنظيف العابرين منتهية الصلاحية
العابرون هي بيانات مخزنة مؤقتًا باسم مخصص وفترة انتهاء الصلاحية. عادةً ما يتم تخزينها في قاعدة بيانات WordPress ضمن جدول wp_options .
العابرون مشابهة للخيارات ، باستثناء أن لديهم خاصية إضافية لوقت انتهاء الصلاحية. إنها مفيدة لتخزين البيانات المؤقتة مثل الاستجابات من واجهة برمجة التطبيقات البعيدة أو الاستعلامات الكبيرة.
تحدد واجهة برمجة تطبيقات WordPress Transients API كيفية التعامل مع العابرين وحذف العابرين منتهية الصلاحية تلقائيًا. ومع ذلك ، لا تسير الأمور دائمًا كما هو مخطط لها .
في بعض الأحيان ، يمكن لذاكرة التخزين المؤقت الفاسدة المؤقتة إنشاء ما يقرب من مليون إدخال غير هام دون نهاية في الأفق. يمكن أن تتراكم جلسات العملاء بمرور الوقت ، مما يؤدي إلى إنشاء آلاف الصفوف غير الضرورية في جداول قاعدة البيانات الخاصة بك. في مثل هذه الحالات ، يمكن لقاعدة البيانات المتضخمة أن تجعل موقعك على ركبتيه.
يعد المكون الإضافي Delete Expired Transients المجاني طريقة سهلة للتخلص من جميع العابرين منتهية الصلاحية .
تنظيف جداول قاعدة البيانات الخاصة بك
تخزن قاعدة بيانات WooCommerce الخاصة بك كل ما هو مطلوب لتشغيل متجر التجارة الإلكترونية الخاص بك. عندما تتم إضافة البيانات وإزالتها ونقلها حول الجداول في قاعدة البيانات الخاصة بك ، تصبح غير فعالة وينتهي الأمر بتخزين العديد من الأشياء غير المهمة لتشغيل متجرك.
تحتاج إلى مسح هذه البيانات غير الضرورية عن طريق تنظيف جداول قاعدة البيانات الخاصة بك. جدول wp_options ، على وجه الخصوص ، عرضة للتضخم والإضرار بأداء قاعدة البيانات.
يعد التدبير الإداري لقواعد البيانات أمرًا أساسيًا للحفاظ على تشغيل موقع WordPress الخاص بك بأسرع ما يمكن.
يعد تحسين قاعدة البيانات يدويًا عملية تستغرق وقتًا طويلاً. يمكنك استخدام البرنامج المساعد WP-Optimize المجاني للتحقق من جداول قاعدة البيانات التي تحتوي على بيانات غير ضرورية وحذف تلك المساحات الضائعة. يمكنه أيضًا استرداد مساحة التخزين المفقودة بسبب تجزئة البيانات.
يمكنك جدولة WP-Optimize لتنظيف قاعدة البيانات وتحسينها بانتظام.
تعطيل الميزات غير الهامة التي تفرض ضرائب على قاعدة البيانات
تأتي سمات وإضافات WooCommerce مع الكثير من الميزات الرائعة التي تبدو رائعة منذ البداية ولكن ينتهي بها الأمر إلى انهيار قاعدة البيانات.
أحد الأمثلة على ذلك هو استخدام الإضافات "Popular Products" و "Related Products". يمكن أن تسبب هذه الميزات استفسارات هائلة على مستوى الموقع ، خاصة إذا كان لديك العديد من المنتجات. إذا كنت بحاجة إلى هذه الميزات ، فحاول إدخالها يدويًا في صفحاتك. يمكن أن تساعد المكونات الإضافية مثل الحقول المخصصة المتقدمة هنا بشكل كبير.
مثال آخر هو المكونات الإضافية لتحسين الصور التي تضغط الصور على نفس الخادم حيث يتم استضافة الموقع ، بدلاً من القيام بذلك خارجيًا. ينتهي هذا باستخدام الكثير من موارد الخادم الخاص بك.
أيضًا ، ابتعد عن المكونات الإضافية التي تضيف عدادات إلى موقعك. على سبيل المثال ، إضافة عدد المشاهدات / المشاركات / التعليقات بجانب اسم المستخدم. ستؤدي مناقشة مطولة مع العديد من المستخدمين المعنيين إلى التأكيد على قاعدة البيانات الخاصة بك لسحق هذه الأرقام.
تنطبق هذه النصيحة على استخدام العدادات الاجتماعية أيضًا. قلل من استخدام العدادات التي تم إنشاؤها تلقائيًا لزيادة أداء قاعدة البيانات.
مثل التدبير المنزلي ، تعد عملية ضبط قاعدة بيانات WordPress الخاصة بك عملية مستمرة.
مع وضع ذلك في الاعتبار ، نفذت Kinsta نظامًا آليًا لمكافحة مشكلات أداء قاعدة البيانات . بناءً على احتياجات موقعك ، يقوم النظام الآلي بمسح قاعدة بيانات MySQL وضبطها مرة واحدة في الأسبوع لضمان أعلى أداء لقاعدة البيانات. إذا اكتشف النظام شيئًا غير عادي لا يمكن إصلاحه تلقائيًا ، فإنه يُعلم فريق مسؤول النظام لاتخاذ إجراء فوري.
إذا كان موقعك مستضافًا في مكان آخر ، فإليك بعض المكونات الإضافية لتحسين قاعدة البيانات لتسهيل عملك:
- WP- الاجتياح
- WP- الأمثل
- محسن WP Clean Up Optimizer
- منظف قواعد البيانات المتقدم
تذكير: احتفظ دائمًا بنسخة احتياطية قبل تعديل قاعدة البيانات أو ملفات WordPress الأساسية.
11. تحسين متجرك لتجربة Mobile-First
اعتبارًا من يناير 2020 ، هناك أكثر من 4 مليارات مستخدم للإنترنت في العالم. يوجد عدد مماثل تقريبًا من مستخدمي الإنترنت عبر الهاتف المحمول. من المتوقع أن ينمو إلى أكثر من 5 مليارات بحلول عام 2024.
تجاوزت أجهزة الجوّال أجهزة سطح المكتب في حركة مرور مواقع الويب العالمية في عام 2019 ، مما أدى إلى توليد 52.6٪ من إجمالي مشاهدات الصفحة . في بعض البلدان مثل الهند ونيجيريا ، تمثل الهواتف المحمولة 70٪ + من مشاهدات صفحات الويب .
وفقًا لدراسة شملت أكثر من 500 مليون متسوق عبر الإنترنت في 37 دولة ، شكلت الهواتف الذكية 65٪ من زيارات الموقع و 46٪ من طلبات التجارة الإلكترونية.
والمثير للدهشة أن معدل التحويل للهواتف المحمولة أقل من نصف معدل تحويل أجهزة الكمبيوتر المكتبية. هناك مجال هائل للنمو هنا.
يمكنك البدء بجعل متجر WooCommerce مناسبًا للجوّال. يمكنك استخدام أداة اختبار التوافق مع الأجهزة الجوّالة من Google للتحقق مما إذا كان موقعك يجتاز الحد الأدنى من معايير قابلية الاستخدام على الأجهزة المحمولة.
سيُظهر لك الاختبار لقطة لكيفية ظهور موقع الويب الخاص بك على جهاز محمول. وسيدرج أيضًا أي مشكلات متعلقة بقابلية استخدام الأجهزة المحمولة إذا وجدت أيًا منها.
أسهل طريقة لجعل موقع WordPress الخاص بك متوافقًا مع الجوّال هو استخدام سمة سريعة الاستجابة . جميع السمات المذكورة سابقًا في هذا المنشور تستجيب خارج الصندوق وتبدو رائعة على الأجهزة المحمولة.
لا يستمتع المتسوقون عبر الأجهزة المحمولة بالتمرير إلى ما لا نهاية. وبالتالي ، حافظ على صفحات متجرك ضئيلة قدر الإمكان. لا تزدحمهم بمحتوى كثير.
إذا كان لديك الكثير من المنتجات المدرجة في متجرك ، فاجعل من السهل على المتسوقين المتنقلين العثور عليها من خلال البحث. يمكنك تثبيت المكون الإضافي WooCommerce Product Search لمساعدة عملائك في العثور على المنتجات بسرعة باستخدام فلاتر المنتجات الحية.
أخيرًا ، قم بتبسيط تجربة الدفع للمتسوقين عبر الإنترنت. كلما قل عدد خطوات تقديم الطلب ، كانت تجربة التسوق أفضل. فيما يلي بعض امتدادات WooCommerce التي يمكن أن تساعدك في ذلك:
- WooCommerce Social تسجيل الدخول - يلغي الحاجة إلى إنشاء حساب أو عملية تسجيل دخول تستغرق وقتًا طويلاً. اسمح لمستخدميك بتسجيل الدخول بحساباتهم الاجتماعية مثل Facebook و Twitter و Google وما إلى ذلك.
- نماذج متنوعة وصور - قل وداعًا للقوائم المنسدلة المزعجة لتحديد أشكال المنتج. بدلاً من ذلك ، امنح المستخدمين لديك أزرارًا سهلة النقر لجميع خيارات المنتج.
- One Page Checkout - لا تدع عملائك يهجرون موقعك بهذه السهولة. اسمح لهم بشراء ما يريدون على الفور دون أي خطوات إضافية. إذا كنت تعتقد أن تسجيل خروج الضيف مناسب تمامًا لمتجرك ، فيمكنك النظر في تمكينه.
- Checkout Field Editor - إضافة أو إزالة أو تغيير الحقول من صفحة الخروج الخاصة بك. على سبيل المثال ، إذا كنت تبيع منتجات رقمية فقط ، فلن تحتاج إلى جمع عناوين الشحن.
- Bolt / Stripe / Amazon Pay / PayPal - المدفوعات هي لعنة تجربة التسوق عبر الهاتف المحمول. يمكنك الاختيار من بين امتدادات بوابة دفع WooCommerce مختلفة لتسهيل تحصيل المدفوعات.
في النهاية ، يعتبر التسوق عبر الأجهزة المحمولة أكثر من مجرد إجراء عملية شراء. يستخدمه العديد من المستخدمين بشكل أساسي للبحث عن معلومات المنتج والتحقق من الأسعار ومقارنتها. اجعل تجربة المتجر عبر الإنترنت رائعة للمستخدمين على أجهزتهم المحمولة.
12. قم بتعطيل طلب الحصول على تحديث لأجزاء AJAX
عندما يقوم المستخدم بإجراء أي تغييرات على عربة التسوق الخاصة به ، يستخدم WooCommerce طلب Get Refreshed Fragments AJAX لتحديث محتويات عربة التسوق ديناميكيًا. يبدو تحديث صفحة سلة التسوق دون إعادة تحميلها أمرًا رائعًا من منظور تجربة المستخدم.
ولكن في معظم الأحيان يؤدي إلى إبطاء مواقع الويب ، خاصة تلك المستضافة على خوادم مشتركة . بالإضافة إلى ذلك ، لا ينتهي الأمر بالكثير من المواقع باستخدام هذه الميزة.
فقط للتحقق ، قمنا باختبار متجر WooCommerce محدث على Pingdom Tools وإليك النتائج:
على الرغم من كون حجمه 1.1 كيلوبايت فقط ، فإن طلب wc-ajax = get_refreshed_fragments يستغرق 0.76 ثانية للتنفيذ. إذا استغرق موقعك 3 ثوانٍ أو أقل للتحميل ، فهذا يزيد عن 25٪ من وقت تحميل الصفحة. يتم استضافة موقع الاختبار هذا على خادم VPS سحابي ، لذا يمكنك تخيل أوقات التحميل على خطة استضافة أرخص.
يغطي هذا المنشور من WebNots المشكلة بمزيد من التفصيل. يمكنك استخدام Disable Cart Fragments أو Disable Cart Fragments بواسطة ملحقات Optimocha لتعطيل هذا الطلب الضريبي.
إذا قمت بتعطيل هذا الطلب ، فمن المستحسن تمكين الخيار "إعادة التوجيه إلى صفحة سلة التسوق بعد الإضافة الناجحة" في WooCommerce → لوحة إعدادات المنتجات.
سيضمن تمكين هذا السلوك إعادة توجيه المستخدم إلى صفحة سلة التسوق بعد إضافة منتج إلى سلة التسوق الخاصة به.
تحسين لوحة إدارة WooCommerce
السرعة ليست عاملاً مهمًا للواجهة الأمامية لمتجرك فقط. تعد الواجهة الخلفية السريعة أمرًا بالغ الأهمية لإدارة متجرك بسهولة وإجراء تغييرات سريعة عند الحاجة.
العمل بكفاءة على لوحة إدارة WooCommerce هو مفتاح الإنتاج. كما أنه يوفر وقتك للقيام بالمزيد من الأشياء الأساسية لنجاح متجر WooCommerce ، مثل التسويق عبر الإنترنت.
فيما يلي بعض الطرق لإصلاح لوحة معلومات WooCommerce البطيئة.
تحسينات الواجهة الأمامية أولاً ، تحسينات الواجهة الخلفية ثانيًا
هل تحدث المشكلة فقط مع لوحة تحكم مسؤول WordPress وليس موقع الويب بالكامل؟ إذا كان هذا هو الأخير ، فقم بتطبيق جميع التحسينات المذكورة سابقًا أولاً.
لماذا؟ لأنه في معظم الحالات ، يؤدي تحميل متجر WooCommerce بشكل أسرع على الواجهة الأمامية إلى تحسين الواجهة الخلفية أيضًا. يمكننا أن نعزو هذا إلى تحرير الموارد على الخادم الخاص بك.
إذا تأخرت لوحة تحكم المشرف حتى بعد تحسين الواجهة الأمامية ، فتابع الاقتراحات التالية.
13. إزالة سخام وتحديث كل شيء بانتظام
تأكد من تحديث WordPress و WooCommerce والإضافات والإضافات والموضوع بشكل متكرر. إذا لم يعد مطورو الثيم أو المكون الإضافي مدعومين ، فقد حان الوقت للتفكير في التخلي عنهم.
وبالمثل ، إذا أضاف موضوع / مكون إضافي سخامًا غير ضروري إلى لوحة التحكم ، فابدأ في البحث عن بدائل أفضل. على سبيل المثال ، قد ترغب في التفكير في بدائل للمكونات الإضافية التي تقدم إعلانات قوية في لوحة التحكم .
هذه المشكلة منتشرة جدًا لدرجة أن هناك مكونات إضافية مخصصة فقط لإزالة bloat من بعض الإضافات WordPress الأكثر شيوعًا.
14. تعطيل كائن وذاكرة التخزين المؤقت لقاعدة البيانات
تعد ملحقات التخزين المؤقت طريقة رائعة لتسريع موقع WordPress الخاص بك. ومع ذلك ، إذا لم يتم تكوينها بشكل صحيح ، فقد تؤدي إلى نتائج غير متوقعة. يتضمن ذلك إبطاء الواجهة الخلفية الخاصة بك.
على سبيل المثال ، يعد W3 Total Cache أحد أكثر ملحقات التخزين المؤقت شيوعًا في WordPress. إنه مجاني ، ويدعم الكثير من خيارات التخزين المؤقت ، ويقوم بتصغير JS و CSS ، ويتكامل مع CDN ، ويستخدمه أكثر من مليون موقع.
يتميز W3 Total Cache بخيارات التخزين المؤقت التالية:
- ذاكرة التخزين المؤقت للصفحة.
- Opcode Cache.
- ذاكرة التخزين المؤقت لقاعدة البيانات.
- كائن ذاكرة التخزين المؤقت.
- مخبأ المتصفح.
- جزء مخبأ.
وجود الكثير من الخيارات أمر محير ، خاصة للمبتدئين الذين لا يفهمون ما يفعله كل نوع من أنواع التخزين المؤقت.
يعمل التخزين المؤقت للكائنات وقاعدة البيانات على تسريع موقع الويب عن طريق تقليل عدد استعلامات قاعدة البيانات ، ولكنها تفعل ذلك على حساب تفريغ العمل على ذاكرة الخادم.
من الناحية المثالية ، لا ينبغي أن يمثل هذا مشكلة إذا كان خادم الاستضافة لديك ذكيًا أو قويًا بدرجة كافية . على سبيل المثال ، إذا كان موقع WordPress الخاص بك مستضافًا مع Kinsta ، فلا داعي للقلق بشأن التخزين المؤقت لأنه تم تنفيذه بالفعل على مستوى الخادم.
لسوء الحظ ، هذا ليس هو الحال مع كل مزود استضافة .
في هذا السيناريو ، تحتاج إلى الاعتماد على مكون إضافي للتخزين المؤقت تابع لجهة خارجية مثل W3 Total Cache. تجعل إعداداته البسيطة من السهل جدًا تمكين جميع أنواع ذاكرة التخزين المؤقت بنقرة واحدة فقط.
في W3 Total Cache → General Settings panel ، قم بتعطيل ذاكرة التخزين المؤقت للكائن و / أو ذاكرة التخزين المؤقت لقاعدة البيانات . ثم تحقق مما إذا كنت ترى أي تحسينات في استجابة لوحة الإدارة.
تجربة ذاكرة التخزين المؤقت ليست بسيطة مثل تحديد أو إلغاء اختيار الخيارات في إعدادات البرنامج المساعد. يجب عليك أيضًا التحقق مما إذا كان موقعك يعمل بشكل صحيح بعد إجراء التغييرات ومسح ذاكرة التخزين المؤقت القديمة.
يمكن لعملاء Kinsta تعزيز التحسين العام من خلال الاستفادة من ميزة تصغير الكود المضمنة في لوحة معلومات MyKinsta . تتيح هذه الميزة للعملاء تمكين التصغير التلقائي لـ CSS و JavaScript بنقرة بسيطة ، مما يؤدي إلى تسريع مواقعهم بشكل فعال دون أي جهد يدوي.
15. إزالة الإضافات ذات الاستخدام العالي للموارد
تعد بعض إضافات WordPress مصدرًا رائعًا لخادم الويب الخاص بك. ينتهي بهم الأمر باستخدام معظم وحدة المعالجة المركزية (CPU) وذاكرة الوصول العشوائي (RAM) الخاصة بخادمك.
يمكنك استخدام البرنامج المساعد المجاني Query Monitor للعثور على المكونات الإضافية المزعجة. سيُظهر لك جميع البرامج النصية والأنماط واستدعاءات HTTP API التي يتم تحميلها بواسطة موقع الويب الخاص بك ، إلى جانب حجمها ووقت التحميل. ابحث عن الطلبات التي لديها أكبر عدد من الطلبات وأبطأ أوقات التحميل.
في موقع الاختبار أدناه ، يقوم المكون الإضافي Classic Editor بتحميل أبطأ من جانب المسؤول. تظهر أيضًا المكونات الإضافية الأخرى مثل Loginizer و All-in-One WP Migration و WP Bakery (المعروف سابقًا باسم Visual Composer) على أنها سخام محتمل.
وجدنا أن الترحيل والمكونات الإضافية للمحرر الكلاسيكي غير ضرورية. أدت إزالة هذين الملحقين إلى إصلاح سرعة المسؤول بشكل كبير.
تستخدم متاجر WooCommerce مع جمهور دولي مكونات إضافية للترجمة مثل WPML لخدمة الموقع ديناميكيًا بلغات متعددة . إنه مكون إضافي رائع يحتوي على الكثير من الميزات ، ولكنه يمكن أن يبطئ أيضًا الواجهة الخلفية للمسؤول إلى حد كبير.
يمكنك الحصول على بعض مزايا الأداء عن طريق التبديل إلى مكون إضافي للترجمة مثل Polylang . لا يحتوي على العديد من الميزات ولكنه يعمل بشكل رائع لمعظم حالات الاستخدام.
ستؤدي المكونات الإضافية التي تحتوي على الكثير من العمليات / عمليات الفحص المستمرة إلى إبطاء خلفية WordPress الخاصة بك. تتضمن بعض الأمثلة أدوات إنشاء خرائط الموقع والرسوم البيانية التحليلية والمخططات ومنشئي الصفحات ومكونات الدردشة الإضافية.
16. استخدم إعدادات CDN المناسبة لـ WordPress
يساعد CDN في خدمة متجر WooCommerce الخاص بك بسرعة البرق للمستخدمين في جميع أنحاء العالم. يقوم بذلك عن طريق حفظ لقطة لموارد موقعك وتسليمها من أقرب خادم للمستخدم.
تقوم معظم شبكات CDN بتعطيل التخزين المؤقت على واجهة WordPress الخلفية افتراضيًا. لكن بعض شبكات CDN لا تفعل ذلك ، وقد يؤدي ذلك إلى إبطاء لوحة إدارة متجرك بشكل كبير. في مثل هذه الحالة ، تحتاج إلى استبعاد لوحة تحكم المسؤول من ذاكرة التخزين المؤقت لـ CDN لتحسين أدائها.
إذا كنت تستخدم Cloudflare ، فيمكنك إعداد قاعدة الصفحة لتعطيل ميزات Cloudflare على صفحات إدارة WordPress. إليك كيفية القيام بذلك:
- انتقل إلى قسم قواعد الصفحة أسفل لوحة معلومات Cloudflare.
- أضف * example.com / wp-admin / * في حقل URL.
- في حقول الإعدادات ، اختر خيارات Cache Level و Bypass .
- يمكنك أيضًا إضافة إعدادات إضافية مثل تعطيل الأداء وتعطيل الأمان (غير مستحسن). هذه الإعدادات اختيارية.
- ثم انقر فوق حفظ ونشر .
من المفترض أن يستغرق تفعيل الإعدادات حوالي 3 دقائق.
إذا كنت تستخدم KeyCDN ، فيمكنك استخدام برنامج WordPress Cache Enabler Plugin لفعل الشيء نفسه. بالنسبة إلى شبكات CDN الأخرى ، يرجى التواصل مع دعمهم لحل هذه المشكلة.
17. تبسيط WordPress Heartbeat API
تتيح واجهة برمجة تطبيقات WordPress Heartbeat إمكانية إجراء تحديثات في الوقت الفعلي تقريبًا من خلال الحفاظ على اتصال منتظم بين متصفحك وخادمك. ترسل API طلبات إلى الخادم كل 15-60 ثانية ثم تطلق الأحداث (أو عمليات رد الاتصال) عند تلقي البيانات.
يسمح ببعض الميزات المذهلة مثل عمليات الحفظ التلقائي للمشاركات وقفل المنشورات وتحذيرات انتهاء صلاحية تسجيل الدخول. ومع ذلك ، عندما تقوم بتسجيل الدخول كمسؤول ، فإن إرسال بعض الطلبات إلى الخادم كل دقيقة يمكن أن يؤدي إلى إبطاء لوحة الإدارة.
يسمح لك المكون الإضافي المجاني Heartbeat Control الخاص بـ WP Rocket بإدارة تواتر طلبات واجهة برمجة التطبيقات هذه على لوحة القيادة والواجهة الأمامية ومحرر النشر. حتى أنه يمنحك خيار تعطيل واجهة برمجة التطبيقات تمامًا.
ابدأ بزيادة وتيرة الوقت. إذا لم يؤد ذلك إلى إصلاح مشكلات سرعة الواجهة الخلفية لـ WooCommerce ، ففكر في تعطيل واجهة برمجة تطبيقات Heartbeat.
إذا كان تطبيق جميع التحسينات المذكورة أعلاه لا يزال لا يصلح مشكلات سرعة متجر WooCommerce ، إذن ...
تبدأ WooCommerce Speed باستضافة الجودة
تمامًا مثل تشغيل سيارة بإطارات مسطحة ، بغض النظر عن عدد التحسينات التي تجريها ، لن يصبح موقعك أسرع إذا تم استضافته على خادم رديء. يعتمد جزء كبير من أداء موقعك على جودة الاستضافة الخاصة بك .
هناك أنواع مختلفة من الاستضافة لمواقع WordPress التي تندرج تحت فئتين رئيسيتين: مُدار وغير مُدار . الأول مثالي لمعظم المستخدمين ، حيث يتعامل مزود الاستضافة مع جميع تحسينات الخادم لـ WordPress. هذا الأخير مناسب بشكل أفضل للمستخدمين المتمرسين تقنيًا والذين يمكنهم تعديل وإدارة الخادم بأنفسهم.
بالنسبة إلى موقع ويب WooCommerce ، انتقل إلى Managed WordPress Hosting . ضع في اعتبارك أن الاستضافة المدارة تميل إلى أن تكون أكثر تكلفة من الاستضافة غير المُدارة.
يمكنك الاختيار من بين 4 أنواع رئيسية من استضافة WordPress المُدارة. لكل منها مزاياها وعيوبها ، لذا اختر ما يتوافق مع ميزانيتك وأهدافك. لقد قارنتهم في مخطط المعلومات أدناه للحصول على ميزات مختلفة.
يمكن تقديم كل نوع من أنواع الاستضافة في إطار خطط متعددة بنقاط أسعار مختلفة. لذلك ، عند البحث عن استضافة في حدود ميزانيتك ، انظر إلى الميزات المعروضة لتقرير ما إذا كانت تفي بمتطلباتك.
مواقع WooCommerce ديناميكية بشكل لا يصدق بطبيعتها. يقومون بإنشاء الكثير من البيانات والطلبات التي لا يمكن تخزينها مؤقتًا.
على سبيل المثال ، تعد صفحة الخروج فريدة لكل مستخدم ولا يمكن تقديمها من ذاكرة التخزين المؤقت. نتيجة لذلك ، يجب أن يكون الخادم قويًا بما يكفي لتشغيل موقعك بسلاسة ، حتى إذا كان موقعك يجذب حركة مرور منخفضة.
الميزات الموصى بها التي يجب أن تبحث عنها عند اتخاذ قرار بشأن خطة استضافة WooCommerce هي:
- التخزين المؤقت على مستوى الخادم مع قواعد ذاكرة التخزين المؤقت الخاصة بـ WooCommerce في مكانها.
- 2 إلى 4 عمال PHP للتعامل مع طلبات WooCommerce غير المخزنة بدون مهلة.
- حد ذاكرة WordPress هو 128 ميجابايت أو أكثر (256 ميجابايت هي القيمة الافتراضية في Kinsta).
- بنية تحتية قابلة للتطوير للتعامل مع الزيادات في حركة المرور والحمل.
- نسخ احتياطية يومية تلقائية (يُفضل كل ساعة) للتأكد من أن بيانات التجارة الإلكترونية الخاصة بك آمنة ومأمونة.
- نظام استضافة آمن تمامًا مع ميزات أمان مثل عمليات الفحص المنتظمة للبرامج الضارة وتحديد الموقع الجغرافي لـ IP وحظر عناوين IP التعسفية و SSL و SFTP و SSH و HTTP / 2 و TLS 1.3 مجانًا.
- برنامج خادم الويب Nginx أو LiteSpeed .
- دعم الميزات الصديقة للمطورين: PHP 8 ، وحاويات LXC ، و WP-CLI ، و Git ، و MariaDB ، وبيئات التدريج ، إلخ.
- الجهوزية العالية مع مراكز البيانات المنتشرة في جميع أنحاء العالم. اختر الخادم الذي يحتوي على خوادم قريبة من جمهورك المستهدف.
- تكامل Cloudflare لزيادة الأداء والأمان.
- فريق دعم موثوق به يعمل على مدار الساعة طوال أيام الأسبوع لحل أي مشكلات بسرعة.
- تقييمات المستخدمين الرائعة وسجل حافل بالنجوم.
مع وضع هذه المتطلبات في الاعتبار ، يمكنك التخلص من الاستضافة المشتركة بأمان.
يشبه الخادم الافتراضي الخاص (VPS) الاستضافة المشتركة ، باستثناء أن لديك مساحة افتراضية في خادم مشترك مخصص لك وحدك . إذا كنت تستخدم ميزانية صارمة ، فيمكنك البدء بخطة VPS متوسطة المدى. ومع ذلك ، إذا كان موقعك يجذب المزيد من الزيارات ، فسيتعين عليك الترقية قريبًا.
هذا يتركنا مع خيارات الاستضافة السحابية والخادم المخصص . كلاهما رائع لمواقع WooCommerce إذا كانا يفيان بمتطلباتك.
أسعار خطط الخوادم المخصصة تتجه نحو الجانب الأعلى مقارنة بخطط الاستضافة السحابية ، والتي يمكن أن تتراوح من 50 دولارًا شهريًا إلى آلاف الدولارات شهريًا.
تحقق خطط الاستضافة السحابية للأعمال من Kinsta من جميع متطلبات WooCommerce الموصى بها. تعد الاستضافة القائمة على الحاوية مثالية لـ WooCommerce لأنها تتوسع تلقائيًا للتعامل مع حركة المرور المفاجئة والارتفاعات الحادة في التحميل.
إذا كنت ترغب في توسيع الميزات بشكل أكبر ، فإن Kinsta تقدم وظائف إضافية مثل Redis والنسخ الاحتياطية الإضافية والوكيل العكسي لـ Nginx والمزيد.
فيما يلي مثال على مكاسب الأداء بعد أن قامت Kinsta بترحيل موقع للتجارة الإلكترونية إلى أجهزة افتراضية محسّنة (C2) من Google Cloud Platform.
من حوالي 665 مللي ثانية إلى 500 مللي ثانية ، هذا يمثل زيادة هائلة في الأداء بنسبة 25٪ تقريبًا!
إذا كنت تنفق مبلغًا كبيرًا من المال على التسويق ، فأنت تدفع جميع العملاء المحتملين بعيدًا إذا كان موقعك بطيئًا ، لذلك من المفيد اختيار حلول استضافة WordPress الأسرع .
في النهاية ، من الأفضل إنفاق بضعة دولارات إضافية كل شهر على استضافة عالية الجودة ، بدلاً من قضاء ساعات في انتزاع شعرك والتساؤل عن سبب استمرار معدل الارتداد المرتفع لموقعك.
ملخص
الوقت هو حرفيًا المال بالنسبة إلى موقع التجارة الإلكترونية. يعزز متجر WooCommerce السريع تجربة المستخدم وتحسين محركات البحث والإيرادات وعائد الاستثمار.
على الرغم من أنك لست مضطرًا إلى اتباع جميع نصائح تحسين السرعة المدرجة في هذا المنشور ، فإننا نوصيك بالاطلاع عليها جميعًا. سيساعدك هذا في تحديد أي اختناقات في موقعك. لا أحد يحب الانتظار حتى يتم تحميل الموقع. دعنا نسرع WooCommerce!