أسرع 10 ثيمات WooCommerce في عام 2022 (بناءً على اختبارنا المتعمق)

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

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

لذلك لمساعدتك على التأكد من أن المظهر الخاص بك لا يمنع موقع الويب الخاص بك من التحميل بأسرع ما يمكن ، قمنا بمقارنة أداء 10 من أسرع سمات WooCommerce المتوفرة في عام 2022.

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

ملخص النتائج

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

بالنسبة للاختبارات ، استخدمنا Google PageSpeed ​​Insights (PSI) و Pingdom. قبل إجراء الاختبارات وبعد تنشيط كل سمة ، تم تحديث موقع الويب لإعداد ذاكرة التخزين المؤقت الداخلية لكل سمة. يعطي كل من PSI و Pingdom درجة أداء شاملة ، مسجلة من 100 ، بالإضافة إلى معلومات أكثر تفصيلاً حول أداء الموقع.

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

استنادًا إلى متوسط ​​درجة أداء PSI للصفحتين (المنتج الفردي والصفحة الرئيسية للمتجر) ، كانت أفضل السمات أداءً ، وفقًا لـ PSI ، هي:

• أفضل درجة أداء PSI للجوال: Shoptimizer (متوسط ​​درجة 93.5).
• أفضل أداء لأجهزة سطح المكتب PSI: Botiga (متوسط ​​درجة 92.5).
• أفضل أداء لأجهزة الكمبيوتر المكتبية والأجهزة المحمولة PSI: Shoptimizer (متوسط ​​الدرجة 86.25).

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

أول تأخير في الإدخال وإجمالي وقت الحظر

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

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

وفقًا لـ Google ، إذا كان وقت الحظر لمهمة ما أطول من 50 مللي ثانية ، "فمن المحتمل أن يلاحظ المستخدم التأخير ويرى الصفحة على أنها بطيئة أو بائسة." TBT للصفحة هو مجموع وقت الحظر لكل مهمة طويلة تحدث بين ألم المحتوى الأول (FCP) ووقت التفاعل (TTI).

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

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

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

مع استمرار نمو مبيعات التجارة الإلكترونية بالتجزئة عبر الأجهزة المحمولة في جميع أنحاء العالم ، حيث قفزت من 2.9 مليار دولار في عام 2020 إلى 3.5 مليار دولار في عام 2021 ، وفقًا لـ Statista ، من الأهمية بمكان أن تختار موضوعًا سريعًا لمستخدمي سطح المكتب والجوّال. وبناءً على ذلك ، فإن GeneratePress هو أفضل خيار خارج الصندوق ، وفقًا لاختبارات PSI.

وجد Pingdom ، الذي يقيس حجم الصفحة ووقت التحميل وعدد الطلبات ، مع إعطاء درجة أداء أيضًا ، أن Astra لديها أسرع صفحات منتج ومتجر منفرد ، على الرغم من أن Botiga و GeneratePress كان لهما متوسط ​​درجات أداء أعلى قليلاً.

ما هو أسرع موضوع WooCommerce في عام 2022؟

نظرًا لأنه تم اختبار السمات مقابل مجموعة من المعايير من Pingdom و PSI ، فليس من السهل اختيار فائز واضح فيما يتعلق بأسرع ثيم WooCommerce في عام 2022.

ومع ذلك ، فإن السمات التي حققت أفضل أداء في جميع الاختبارات كانت Boitga و GeneratePress و Shoptimizer.

يمكنك عرض التفاصيل الكاملة لنتائج الاختبار أدناه لمساعدتك في العثور على أسرع سمة لمتجرك.

أسرع ثيمات WooCommerce

فيما يلي تفاصيل السمات الأسرع لـ WooCommerce ، المدرجة بترتيب أبجدي.

أسترا

Astra متاح في الإصدارات المجانية والمدفوعة وهو موضوع WordPress قابل للتخصيص بالكامل.

هناك الكثير من القوالب المصممة جيدًا للاختيار من بينها عند إعداد متجرك. تمنحك القدرة على تحرير قوالب Astra باستخدام Beaver Builder و Brizy و Elementor و WordPress Block Editor الكثير من الحرية الإبداعية.

تحتوي كل من الإصدارات المجانية والمدفوعة من Astra على ميزات مفيدة متوافقة مع WooCommerce لتحسين متجرك ، على الرغم من أنك تحصل على الكثير مع الإصدار المدفوع.

دلائل الميزات

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

نتائج اختبار أسترا

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

بوتيجا

Botiga هو WooCommerce آخر متوفر في الإصدارات المجانية والمدفوعة.

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

دلائل الميزات

• عرضان لمتجر التجارة الإلكترونية.
• تصميم بسيط ونظيف قابل للتخصيص بدرجة عالية.
• مجموعة من الرؤوس المحسّنة للجوّال.

نتائج اختبار Botiga

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

ديفي

Divi هو موضوع WordPress الرائد من Elegant Themes. يأتي مع عدد كبير من حزم مواقع الويب الجذابة والقوالب الفردية ، بما في ذلك العديد من خيارات التجارة الإلكترونية.

تأتي Divi أيضًا مجمعة مع أداة إنشاء الصفحات القوية الخاصة بها المدمجة في السمة. يمنحك Divi Builder التحكم الكامل في تصميم موقع الويب الخاص بك وهو منافس قوي لأفضل مكونات WordPress الإضافية من هذا النوع.

نظرًا لأن Divi لديها ميزة اختبار A / B سهلة الاستخدام ، يمكنك إجراء تجارب لتحسين متجرك للحصول على معدلات تحويل أعلى.

دلائل الميزات

• مكتبة كبيرة من عروض المتاجر الإلكترونية القابلة للتعديل بالكامل.
• منشئ صفحات متكامل مع تحرير كامل للموقع.
• وحدات محتوى قابلة للتخصيص.

نتائج اختبار Divi

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

توليد الضغط

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

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

دلائل الميزات

• عروض توضيحية متعددة لموقع متجر التجارة الإلكترونية.
• أداة إنشاء السمات القائمة على الكتلة.
• خيارات رأس الجوال فقط.

نتائج اختبار GeneratePress

كان GeneratePress أفضل قالب WooCommerce أداءً تم اختباره بشكل عام ، وذلك بفضل درجاته العالية في درجات أداء الأجهزة المحمولة وسطح المكتب PSI. كما أنه حقق أداءً جيدًا في اختبارات Pingdom.

كادينس

Kadence هو سمة مجانية أخرى يمكن تحسينها عن طريق تثبيت الوظائف الإضافية المتميزة.

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

دلائل الميزات

• اختيار قوالب الرأس والتذييل القابلة للتحرير بالكامل.
• تجعل الإعدادات العامة من السهل تخصيص متجرك والحفاظ على مظهر متسق طوال الوقت.
• متوافق مع كل من Beaver Builder و Elementor.

نتائج اختبار كادينس

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

نيفي

يأتي Neve في عدد قليل من الأشكال المختلفة ، بما في ذلك حزمة الأعمال المتميزة التي تتضمن العديد من ميزات WooCommerce الإضافية.

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

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

دلائل الميزات

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

نتائج اختبار نيف

كان Neve أحد الموضوعات الأسرع التي تم اختبارها. ومع ذلك ، فقد تأخر قليلاً في بعض اختبارات PSI للأجهزة المحمولة ، مقارنة بأسرع السمات في هذه المقارنة.

OceanWP

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

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

دلائل الميزات

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

نتائج اختبار OceanWP

كان OceanWP يحتوي على أكبر أحجام للصفحات ومعظم الطلبات وفقًا لـ Pingdom ، ونتيجة لذلك كان هناك بعض أبطأ أوقات التحميل. كانت نتائج PSI للجوّال من أسوأ النتائج أيضًا. ومع ذلك ، كان أداء سطح المكتب في PSI جيدًا.

شوبتيمايزر

Shoptimizer هو موضوع يركز على WooCommerce تم إنشاؤه مع مراعاة السرعة والتحويلات.

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

دلائل الميزات

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

نتائج اختبار Shoptimizer

حصل Shoptimizer على أفضل أداء متوسط ​​لسطح المكتب PSI بالإضافة إلى درجة أداء محمول عالية. كانت نتائج Pingdom رائعة أيضًا.

واجهة المحل

Storefront هو موضوع WooCommerce الرسمي ، وهو مجاني للاستخدام.

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

دلائل الميزات

• تصميم بسيط لتجربة مستخدم منظمة.
• مكتبة السمات الفرعية لتغيير مظهر متجرك بسرعة.
• تم إنشاؤها وصيانتها بواسطة الفريق المسؤول عن WooCommerce.

نتائج اختبار واجهة المحل

تتمتع Storefront بمتوسط ​​أداء سطح المكتب جيدًا جدًا في PSI ولكن تم خذلانه بسبب انخفاض درجات الأجهزة المحمولة نسبيًا. كانت نتائج Pingdom جيدة ، لكنها ليست الأفضل تمامًا.

Woostify

Woostify هو موضوع WooCommerce مجاني آخر يمكن تحسينه من خلال الوظائف الإضافية المدفوعة.

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

دلائل الميزات

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

نتائج اختبار Woostify

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

حول الاختبارات

بالنسبة للاختبارات ، تم إنشاء تثبيت جديد على موقع WordPress الإلكتروني الذي تستضيفه SiteGround. تم تثبيت WooCommerce على الموقع وتم استيراد بيانات مخزن العينة للمكوِّن الإضافي.

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

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

حيوية الويب الأساسية

Core Web Vitals (CWV) عبارة عن مجموعة من الاختبارات التي يستخدمها Google لمنح الصفحة درجة أداء إجمالية. يمكن أن تكون الصفحات جيدة ، وتحتاج إلى تحسين ، والفقيرة. لكي تجتاز الصفحة اختبار CWV وتحقق تصنيفًا جيدًا ، يجب أن تكون درجة الأداء في نطاق 90 إلى 100.

تعتمد درجة CWV على نتائج اختبارات أكبر محتوى محتوى (LCP) وتأخر الإدخال الأول (FID) وتحويل التخطيط التراكمي (CLS). من أجل اجتياز اختبار CWV ، ستحتاج الصفحة إلى الحصول على درجة جيدة لجميع المكونات الثلاثة.

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

المصدر: https://web.dev/vitals-business-impact/

في هذه المقالة ، يمكنك العثور على درجات LCP و CLS للموضوعات التي تم اختبارها. كما ذكرنا سابقًا ، لا يتوفر FID من خلال اختبار معمل PSI ، ولكن TBT يرتبط ارتباطًا وثيقًا بـ FID.

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

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

ملخص

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

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

يبدو أن Divi و OceanWP و Woostify يعانون أكثر من غيرهم ، خاصة عندما يتعلق الأمر بنتائج PSI للجوال.

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

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