مقارنة أداء Divi و Avada (2021): أيهما أسرع؟

هل تحاول الاختيار بين Divi و Avada لبناء موقع WordPress الخاص بك؟

هذان الموضوعان هما من أكثر موضوعات WordPress المدفوعة شيوعًا على الإطلاق - تدعي السمات الأنيقة (مطور Divi) أن لديها أكثر من 806000 عميل ، وقد تم شراء Avada أكثر من 747000 مرة في ThemeForest. هذه أرقام رائعة بشكل لا يصدق ودليل على أن كل موضوع به الكثير من المستخدمين السعداء.

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

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

هذا صحيح أكثر منذ تحديث Google Page Experience ، حيث بدأت Google في أخذ Core Web Vitals في تصنيفها.

تحقيقا لهذه الغاية ، قررنا إنشاء مقارنة Divi و Avada تركز على مقياس واحد محدد: الأداء.

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

ملاحظة - لقد نشرنا هذا المنشور في الأصل وأجرينا هذه الاختبارات في يوليو 2021. ومع ذلك ، أصدرت Elegant Themes تحديثًا مع تحديثات أداء الواجهة الأمامية الرئيسية في أغسطس 2021 (Divi 4.10) والتي تحدث فرقًا كبيرًا في أداء Divi. لهذا السبب ، قمنا بإعادة إجراء هذه الاختبارات بالكامل وجمعنا جميع البيانات والاستنتاجات الجديدة في نوفمبر 2021.

كيف سنختبر أداء Divi vs Avada Theme Performance

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

أولاً ، سنختبر سيناريوهين رفيعي المستوى:

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

لكل سيناريو اختبار عالي المستوى ، سنختبر أيضًا إعدادين مختلفين:

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

بالإضافة إلى التخزين المؤقت للصفحة وأفضل الممارسات الأساسية الأخرى ، يقدم WP Rocket أيضًا بعض الميزات الفريدة التي يمكنها تحسين كود كل سمة وتحسين مقاييس Core Web Vitals.

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

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

تتم استضافة مواقع الاختبار الخاصة بنا على قطرة DigitalOcean رخيصة 5 دولارات شهريًا مدعومة من RunCloud ومكدس Nginx بالكامل. لم نقم بإجراء أي تحسينات في الأداء بخلاف إضافة WP Rocket في بعض الاختبارات ، كما هو مذكور أعلاه.

لاختبار وقياس بيانات أداء WordPress ، سنستخدم WebPageTest لجمع بيانات الأداء التي تركز على الأجهزة المحمولة:

• جهاز الاختبار - iPhone 8. سيكون للأجهزة الحديثة معالجات أقوى لمعالجة JavaScript بشكل أسرع ، مما قد يؤدي إلى أوقات تحميل أسرع قليلاً. يمكن أن يكون عكس ذلك مع الأجهزة القديمة / منخفضة الطاقة.
• سرعة الاتصال - اتصال LTE مخنق (12 ميجابت في الثانية ، 70 مللي ثانية RTT). ستكون أوقات التحميل في العالم الحقيقي أسرع إذا كان الزائر يتصفح على شبكة Wifi أو يكون أبطأ إذا كان لدى المستخدم شيء مثل اتصال 3G.

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

فيما يلي المقاييس الأربعة التي سنركز عليها:

1. Largest Contentful Paint (LCP) - جزء من مقاييس Core Web Vitals الجديدة من Google وعامل ترتيب SEO في تحديث Page Experience.
2. الوقت حتى البايت الأول (TTFB) - يقيس هذا مدى سرعة استجابة الخادم بأول بايت من البيانات بعد معالجة PHP الخاص بالموقع / السمة (أو التسليم من ذاكرة التخزين المؤقت ، في حالة اختبار WP Rocket الخاص بنا).
3. حجم الصفحة - كل شيء آخر متساوٍ ، يكون حجم الصفحة الأصغر أفضل دائمًا.
4. طلبات HTTP - كل شيء آخر متساوٍ ، ودائمًا ما تكون طلبات HTTP الأقل أفضل.

أخيرًا ، إليك أرقام الإصدارات لكل شيء نقوم باختباره:

• موضوع أفادا - 7.5
• أفادا بيلدر - 3.5
• موضوع Divi - 4.13.1
• WP Rocket - 3.10.3.

Divi vs Avada Speed ​​Tests

الآن ، دعنا نصل إلى اختبارات أداء Divi و Avada العملية.

اختبار رقم 1: فقط السمات

في هذا الاختبار الأول ، نختبر السمات فقط دون استخدام أدوات الإنشاء المرئية:

• Divi - فقط سمة Divi حيث أن Divi تحزم بالفعل في Divi Builder.
• Avada - قمنا أيضًا بتثبيت الإضافات Avada Core و Avada Builder لأن هذه المكونات الإضافية الأساسية المطلوبة. ومع ذلك ، لم نقم بتثبيت أي مكونات إضافية اختيارية.

المحتوى الفعلي هو "نموذج الصفحة" الذي يأتي مع تثبيت WordPress جديد. تم إنشاؤه باستخدام محرر الكتلة الأصلي.

فيما يلي البيانات الخاصة بالمواضيع بأنفسهم:

يمكنك أن ترى أن Divi هي الفائز الواضح هنا عندما يتعلق الأمر بأكبر وقت لطلاء المحتوى حيث أن وقت Avada أعلى بنسبة 50٪.

لماذا الاختلاف؟

حسنًا ، سنخمن أن جزءًا كبيرًا من أداء Divi الأسرع هو حقيقة أن حجم صفحة Avada هو 544 كيلوبايت بينما يبلغ حجم Divi's 201 كيلوبايت فقط. ضع في اعتبارك أن هذا لصفحة لم يتم إنشاؤها باستخدام المنشئ المرئي - هذه فقط عينة الصفحة الافتراضية التي تم إنشاؤها باستخدام محرر الكتلة.

الآن ، دعنا نلقي نظرة على البيانات بعد إضافة WP Rocket:

يمكنك أن ترى أنه مع تحسينات WP Rocket ، يكون كلا الموضوعين أسرع بكثير وهناك فرق بسيط جدًا في أكبر وقت لطلاء المحتوى بين Divi و Avada. لا يزال Divi أسرع قليلاً ، لكن الفرق صغير بما يكفي لدرجة أنه يمكن أن يكون مجرد تقلب اختبار عادي.

علاوة على ذلك ، كان WP Rocket قادرًا على تقليل حجم الصفحة لكلا النسختين بشكل كبير بفضل ميزات إزالة CSS غير المستخدمة وتأخير تنفيذ JavaScript. يمكنك أن ترى أن حجم صفحة Divi انخفض بأكثر من النصف بينما تم تقليل حجم صفحة Avada بأكثر من 200 كيلوبايت.

هذه التحسينات ، إلى جانب التخزين المؤقت والتعديلات الأخرى ، هي التي تسببت في تحسين أوقات LCP.

اختبار رقم 2: مع بناة

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

• محرر نص مع محتوى lorem ipsum متطابق
• زر
• دائرة العداد

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

فيما يلي البيانات الخاصة بالمواضيع / البناة فقط بأنفسهم:

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

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

ها هي البيانات بعد إضافة WP Rocket:

باستخدام WP Rocket ، يمكنك رؤية نفس نتيجة الاختبار الأول. الآن ، تعد أوقات Divi و Avada's Largest Contentful Paint أسرع بكثير ومتشابهة في الأداء ، على الرغم من أن Divi مرة أخرى أسرع قليلاً. بالإضافة إلى تقليل وقت أكبر محتوى محتوى بشكل كبير ، تمكن WP Rocket أيضًا من تحقيق تخفيضات مماثلة في حجم الملف كما في الاختبار الأول.

الأفكار النهائية حول Divi vs Avada Performance

تتشابه Divi و Avada في أن كلاهما يمنحك القدرة على إنشاء موقع ويب مخصص باستخدام أدوات إنشاء السحب والإفلات المرئية.

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

كان الاختلاف صغيرًا عندما أجرينا اختبارات أداء Divi و Avada لأول مرة. ومع ذلك ، بعد تحديث أداء Divi 4.10 في أغسطس 2021 ، أصبحت Divi الآن أصغر بكثير من Avada افتراضيًا ، مما يؤدي إلى أن تكون أوقات Divi خارج الصندوق أكبر محتوى مضمون حوالي ثلثي مرات Avada.

ومع ذلك ، إذا كنت تستخدم WP Rocket مع التخزين المؤقت والميزات الجديدة لإزالة CSS غير المستخدمة وتأخير تنفيذ JavaScript ، فيمكنك إجراء تحسينات كبيرة على كلا النسختين.

بينما كان Divi لا يزال أسرع قليلاً مع تمكين WP Rocket ، كان الفرق ضئيلًا للغاية ولا يزال أداء Avada جيدًا.

يشير هذا إلى أنه على الرغم من أن Divi أسرع قليلاً ، فلا يزال بإمكانك إنشاء موقع سريع التحميل باستخدام Avada طالما أنك تقوم بتطبيق أفضل ممارسات أداء WordPress باستخدام أداة مثل WP Rocket.

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

يمكنك العثور على سمات أسرع من هذين الموضوعين ، بما في ذلك سمة Astra ، والتي حققت أداءً جيدًا في مقارنة أداء Divi vs Astra ( على الرغم من أن الاختلاف ليس كبيرًا بفضل تحسينات Divi الجديدة في الأداء ).

هل لا يزال لديك أي أسئلة حول Divi vs Avada عندما يتعلق الأمر بالسرعة والأداء؟ اسألنا في التعليقات!