DE {CODE}: 6 حيل WooCommerce Dev لبناء مواقع التجارة الإلكترونية السريعة

بجانب المبيعات ، ربما تكون سرعة الموقع هي أهم مقياس لمواقع التجارة الإلكترونية الخاصة بك ، لماذا؟ تحصل مواقع التجارة الإلكترونية السريعة على عدد أكبر من الزيارات ، ولها معدلات تحويل أعلى ، ومعدلات ارتداد أقل ، وتوليد المزيد من الزوار العائدين. في هذه الجلسة ، يستكشف كبير مديري المنتجات في WP Engine Jeremy Benoit ومدير الهندسة Catherine Kelly حيل المطورين وميزات WP Engine والأدوات الأخرى لجعل متجر WooCommerce أسرع.

شرائح الجلسة

نص كامل

جيريمي بينويت : مرحبًا بكم جميعًا ومرحبًا بكم في DE {CODE} 2022. هذا هو مسار التجارة الإلكترونية. أنا Jeremy Benoit ، كبير مديري المنتجات في WP Engine ونحن هنا للحديث عن ست نصائح لتحسين أداء WooCommerce. سينضم إليّ اليوم زميلتي كاثرين كيلي ولنبدأ.

لذا سأبدأ بمشاركة اقتباس من أحد مهندسي البرمجيات لدينا ، كريس ويجمان. وعلى حد تعبيره ، وفقًا لـ Google ، سيترك 53٪ من المستخدمين الموقع إذا استغرقت سرعة تحميل الصفحة أكثر من ثلاث ثوانٍ. هذا يعني أن لديك ثلاث ثوانٍ بالضبط للحصول على جميع البيانات الموجودة على صفحة المنتج هذه ، وجميع الصور التي أرسلتها لهم ، وجميع المعلومات المتعلقة بها ، وجميع الأدوات والإعلانات الصغيرة ، وستظهر لك قليلاً سبب " إعادة الحديث عن السرعة اليوم ، لأن سرعة تجربة المتسوق أمر بالغ الأهمية.

سرعة الصفحة هي وقت تحميل صفحة واحدة ، ويمكن قياسها بعدة طرق. هناك طريقتان مهمتان هما Time To First Byte ، والذي يستخدمه Google PageSpeed ​​Insights ، أو Time To Full Page Load أو Last Byte ، والذي غالبًا ما يكون انعكاسًا لتجربة المتسوقين. تؤثر سرعة الصفحة أيضًا على معدلات التحويل في موقع التسوق الخاص بك ، كما ستؤثر أيضًا على مُحسنات محركات البحث لموقع التجارة الإلكترونية الخاص بك.

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

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

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

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

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

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

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

لديك بعد ذلك ذاكرة التخزين المؤقت للتطبيق. وذاكرة التخزين المؤقت للتطبيق في WordPress و WooCommerce ، يمكنك استخدام المكونات الإضافية لإدارتها. تحتوي المكونات الإضافية مثل W3 Total Cache و WP Rocket على خيارات لإدارة ذاكرة التخزين المؤقت داخل التطبيق وتخزن هذه المكونات الإضافية بشكل أساسي إصدارًا مؤقتًا من الصفحة المطلوبة وملفًا على خوادمهم. قد يكون هذا - ومع ذلك ، يمكن أن تكون هذه طريقة غير فعالة للغاية للتخزين المؤقت ويجب عدم استخدامها إذا كان لديك القدرة على التخزين المؤقت إما على الخادم نفسه أو في خدمة مثل المجالات المسرَّعة أو Cloudflare ، التي توزع ذاكرة التخزين المؤقت عالميًا.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

تريد استخدام الضغط لجميع صورك ، لأن ذلك سيوفر 40٪ من النطاق الترددي ، ومن الواضح أيضًا أن تحميل تلك الشاشة المعينة وتنسيق الملف هو مفتاح الصور. على سبيل المثال ، نظرًا لوجود صورة 600 × 600 في JPEG يبلغ حجمها 100 كيلو بايت ، بينما يبلغ حجم PNG 216 كيلو بايت ، بينما يبلغ حجم صورة WebP 56 كيلو بايت فقط. لذا فأنت تريد أن تكون حريصًا جدًا في التفكير ، حسنًا ، ما هو تنسيق الملف الذي سأستخدمه لكل هذه الصور التي سيتم عرضها؟ خاصةً من موقع التجارة الإلكترونية ، من المحتمل أن يكون لدي آلاف المنتجات وآلاف الصور ومئات مقاطع الفيديو لعمل نسخة احتياطية من تلك الصور وهذا المحتوى أيضًا.

تريد دائمًا تغيير حجم صورك. يمكنك إلقاء نظرة على أدوات عبر الإنترنت مثل Imagify و Youoptimizer و TinyJPG وإلقاء نظرة على تلك الأدوات لتحسين صورك في WordPress. تم إنشاء Imagify بواسطة نفس فريق WP Rocket وهو مكون إضافي بديهي للغاية يقوم بضغط الصور تلقائيًا باستخدام ثلاثة أنواع مختلفة من المستويات - عادي وعدواني وفائق. ويسمح لك بتخصيص حجم الصورة الذي يناسب المستخدمين النهائيين.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

جيريمي بينويت: هناك مجال آخر يجب النظر إليه وهو جزء عربة أجاكس. جزء عربة AJAX هو جزء مطلوب من التعليمات البرمجية. تشتهر بتأخيرات التوليد ، والتسبب في ارتفاعات في الخادم ، وتشغيلها دون داع. ولكن هل جزء عربة AJAX بهذا السوء حقًا؟

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

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

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

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

الآن الحيلة أو النصيحة التالية هي استخدام جدول الطلبات المخصص بمجرد إصداره. قد تسأل ماذا تقصد؟ حسنًا ، في وقت لاحق ، في DE {CODE} ، ستسمع من WooCommerce عن جدول الطلبات المخصص الجديد الذي سيتم إصداره في وقت لاحق من هذا العام. وجدول WooCommerce هو - يحتوي جدول الطلبات على معضلة هيكلية. يعرف الكثير منكم أن هذا غالبًا ما يُشار إليه على أنه سبب ضعف القياس. ولكن يمكن أن تكون أيضًا مشكلة تتعلق بالسرعة عند الارتباط بالتفاعلات التي تتعامل مع المنتجات ، أو التفاعلات التي تتعامل مع الطلبات ، وأحيانًا ، حتى بيانات المكونات الإضافية.

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

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

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

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