Divi vs Elementor: مقارنة بناة صفحة WordPress

يستخدم الآن منشئو صفحات WordPress الجميع - من مالكي مواقع الويب إلى المطورين ووكالات تصميم الويب.

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

في هذه المقالة ، سنراجع اثنين من منشئي WordPress الممتازين - Elementor و Divi . من المحتمل أن يكون منشئا صفحات WP هما الأفضل بين ما هو متاح حاليًا في السوق .

في هذه المقالة سنلقي نظرة متعمقة على Divi vs Elementor من وجهات نظر مختلفة: الواجهة ، والإمكانيات ، ومكتبة القوالب ، وأكثر من ذلك بكثير!

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

لذلك دعونا نبدأ!

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

🛠️ تحقق من القائمة الكاملة لمنشئي صفحات WordPress هنا ➡️

Elementor vs Divi نظرة عامة

يستخدم Elementor أكثر من 4 ملايين محترف ، وهو منشئ صفحات WordPress الكل في واحد تم إنشاؤه للتحكم في كل جانب من جوانب سير عمل تصميم الويب لموقع WordPress.

وعلى الجانب الآخر ، هناك Divi - منشئ صفحات WordPress الشهير والموضوع الذي تم إطلاقه في 2013 ومنذ ذلك الحين حصل على الكثير من الاحترام في مجتمع WordPress.

تمتلك Divi أيضًا مجتمعًا كاملاً خاصًا بها يتضمن أكثر من 2.6 مليون موقع ويب ، وأكثر من 650.000 مستخدم مخلص ، وعدد لا يحصى من المحترفين (المصممين والمطورين ومتخصصي تحسين محركات البحث والمحتوى ، إلخ).

معرض ديفي

شاهد مواقع الويب الحقيقية التي تم إنشاؤها باستخدام Divi

اذهب

لذا ، فإن الاختيار بين Divi vs Elementor ليس بالأمر السهل بالتأكيد. كل من منشئي الصفحات قويين للغاية وكلاهما يقدم قيمة كبيرة.

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

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

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

فيما يلي لقطة سريعة للاختلافات الرئيسية بين Elementor و Divi:

Divi vs Elementor: جدول مقارنة منشئ الصفحة

لنبدأ الآن بواجهة هذه الأدوات ...

Divi vs Elementor: واجهة الواجهة الأمامية

بينما يقدم كل من Elementor و Divi تحريرًا مرئيًا للواجهة الأمامية - فإن المحررين مختلفين تمامًا ، ولدى Divi أيضًا محرر خلفية.

لا يحتوي Elementor على محرر خلفية مثل Divi Builder ؛ ومع ذلك ، فهو لا يفسد الصفقات لأنه في معظم الحالات يمكنك فعل ما تريد باستخدام المحرر المرئي (بالإضافة إلى أن التحرير المرئي أسهل دائمًا).

ومع ذلك ، لا يزال برنامج Divi backend builder ميزة إضافية لطيفة يمكن أن تكون مفيدة جدًا في بعض الأحيان (تسمى WireFrame View ويمكنك التحقق منها هنا).

محرر العنصر

يستخدم محرر Elementor شريطًا جانبيًا يسارًا في المحرر ويعطي تخطيطًا فارغًا للقماش ، مما يجعل عملية تصميم مواقع الويب مباشرة ، خاصة للمبتدئين.

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

تنقسم جميع العناصر الموجودة في المحرر إلى - عناصر أساسية واحترافية و WordPress افتراضية. يركز محرر Elementor على إمكانية الوصول وستجدها أسرع من Divi في معظم الحالات.

واجهة عرض العنصر

شاهد مواقع الويب الحقيقية التي تم إنشاؤها باستخدام Elementor

انظر الآن

ما نحبه أيضًا في Elementor هو ميزة Finder الخاصة به - وهو مربع بحث يأخذك إلى أي مكان على موقع الويب الخاص بك في غمضة عين:

تعرف على المزيد حول Elementor Finder هنا.

محرر ديفي

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

إليك كيف يبدو Divi Builder أثناء العمل:

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

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

إليك كيف يبدو عرض Divi WireFrame:

تعرف على المزيد حول Divi Wireframe View هنا.

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

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

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

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

اختبار القيادة الحرة ديفي

اكتشف القوة المدهشة لـ Divi Visual Builder

جرب الآن

ديفي مقابل إليمينتور: سهولة الاستخدام

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

سهولة استخدام ديفي

بينما تم تصميم كل من Divi و Elementor للعمل مع كل سمة من سمات WordPress ، فقد تم تصميم Divi Page Builder في الأصل خصيصًا لموضوع Divi WordPress فقط.

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

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

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

مع ذلك ، يحتوي Divi أيضًا على وضع إطار سلكي (والذي ذكرناه بالفعل أعلاه). يُظهر عرض الإطار السلكي هذا عرضًا هيكليًا كاملاً للصفحة.

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

سهولة استخدام العنصر

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

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

على غرار عرض Divi wireframe ، يحتوي Elementor على Navigator ، وهو عبارة عن نافذة منبثقة تظهر فيها جميع عناصر الصفحة ، بما في ذلك الصفوف والأعمدة.

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

⚡ تحقق أيضًا من: Beaver Builder vs Elementor

Divi vs Elementor: وحدات المحتوى والأدوات والعناصر

وحدات المحتوى (أو عناصر واجهة المستخدم والعناصر) هي اللبنات الأساسية في أداة إنشاء الصفحات وتستخدم لتعريف بنية الصفحة والتصميم العام.

يمكنك سحب الوحدات النمطية وإفلاتها في أي مكان داخل الأقسام أو الأعمدة أو الصفوف.

تحتوي كل وحدة على إعدادات فردية لتخصيص التصميم والهيكل بشكل أكبر.

عناصر العنصر والحاجيات

يحتوي Elementor على 28 عنصر محتوى في الإصدار المجاني و 50 عنصرًا آخر في Elementor Pro.

تنقسم جميع العناصر إلى ثلاث فئات رئيسية:

• الأقسام
• الأعمدة
• والحاجيات

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

تعد مكتبة عناصر واجهة مستخدم WooCommerce الخاصة بـ Elementor أكبر أيضًا مقارنةً بعروض Divi المحدودة إلى حد ما.

بشكل عام ، يتمتع Elementor بميزة طفيفة على Divi هنا كما هو الحال مع Elementor ، يمكنك الحصول على المزيد من الوحدات في نسخته الاحترافية ، لكنها تعتمد في النهاية على الوحدات التي ستستخدمها.

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

وحدات ديفي

مثل Elementor ، يحتوي Divi على أكثر من 40 وحدة محتوى مقسمة إلى:

• الأقسام
• صفوف
• والوحدات النمطية

يعمل القسم كحاوية للصفوف والوحدات النمطية ، والصفوف تقسم الوحدات النمطية ، والوحدات النمطية هي المحتوى الفعلي.

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

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

Divi vs Elementor: Theme Building

يعد Theme Builder مفهومًا جديدًا نسبيًا حيث يمكنك تعديل كل شيء يتعلق بموضوع ما مباشرةً في مُنشئ الصفحة الخاص بك.

هذا لا يعني أنك لست بحاجة إلى سمة - لكن ليس عليك الاعتماد على وظائف السمة لأن معظم سمات WordPress تقدم خيارات محدودة.

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

منشئ موضوع العنصر

باستخدام منشئ السمات المرئية Elementor ، يمكنك تصميم جميع جوانب موقع WordPress الخاص بك بما في ذلك الرؤوس والتذييلات والمنشورات الفردية ومحفوظات المنشورات وصفحات WooComemrce.

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

بعض عناصر المحتوى الديناميكي هي عناوين URL ، والعناوين ، والمحتوى ، ووصف التعريف ، والتاريخ ، والمزيد!

يتم أيضًا تضمين ميزات مثل إعدادات النشر المشروط لعرض قوالب معينة عبر أقسام مختلفة من موقع الويب.

إليك مقطع فيديو حول كيفية إنشاء مواقع ويب باستخدام منشئ السمات Elementor:

ديفي موضوع باني

بينما تقدم Elementor أداة إنشاء السمات من عامين حتى الآن ، أطلقت Elegant Themes مؤخرًا نسبيًا أداة إنشاء سمات Divi 4.0 كاملة الميزات.

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

يمكنك استخدام مُنشئ السمات لتخصيص أي جزء فردي من موقع الويب الخاص بك برأس وتذييل وتخطيط مخصص.

ونظرًا لأنه يتم التحكم في كل شيء متعلق بالسمات مباشرةً من مُنشئ الصفحة ، فلا داعي لاستخدام السمات الفرعية.

للحفاظ على تناسق الألوان والطباعة والهيكل عبر الموقع ، يمكنك استخدام Divi Global Defaults التي يمكنك من خلالها تخصيص بنية موقعك بالكامل مرة واحدة:

يجعل محرر Divi Global Defaults عملية بناء موقع الويب بأكملها فعالة للغاية.

إليك مقطع فيديو آخر حول كيفية إنشاء مواقع ويب باستخدام أداة إنشاء السمات المرئية الجديدة من Divi:

Divi vs Elementor: قوالب مسبقة الصنع

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

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

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

لذا فإن القوالب تجعل عملية تصميم الويب سهلة وسريعة حقًا.

الآن ، نظرًا لأن منشئي الصفحات مصممون لهذا الغرض بالضبط - فهم يقدمون المئات من القوالب المصممة بشكل جميل لمنحك بداية قوية.

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

يقدم Elementor أكثر من 150 قالبًا محترفًا ومجموعات القوالب بحيث يمكنك إما استيراد صفحات قوالب فردية أو استيراد المجموعة الكاملة وتحضير الموقع في بضع دقائق فقط.

يحتوي Divi أيضًا على 100+ تخطيطات مذهلة تم إنشاؤها داخل Divi Builder.

إليك كيف تبدو عملية إضافة تخطيط مسبق الصنع إلى موقع الويب:

تحقق من الإصدار التجريبي للتخطيط الجاهز مسبقًا المستخدم في GIF أعلاه.

تأتي جميع قوالب السمات الأنيقة بتصميم احترافي وصور فوتوغرافية ورسوم توضيحية أصلية .

تخطيطات Divi Premade

تصميم من الطراز العالمي بواسطة Elegant Themes

انظر التخطيطات

بالإضافة إلى ذلك ، يضيف الأشخاص في Elegant Themes تخطيطات جديدة بانتظام إلى مكتبتهم حتى تتمكن من الوصول إلى أحدث التصميمات طوال الوقت.

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

Elementor vs Divi: Code Quality

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

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

لقد رأينا الكثير من مواقع WordPress الناجحة التي تستخدم منشئي الصفحات (بما في ذلك Divi و Elementor) وأداء جيد بجنون.

أليس الأداء العام والخبرة هو ما نبحث عنه جميعًا؟

ومع ذلك ، هناك سؤال آخر هنا وهو ماذا سيحدث إذا كنت ترغب في إلغاء تنشيط مُنشئ الصفحة الخاص بك (على سبيل المثال إذا قررت تبديل المنشئين أو التوقف عن استخدام مُنشئ الصفحات الخاص بك على الإطلاق)؟ ما هو الرمز الذي ستتركه بعد القيام بذلك؟

حسنًا ، إليك ما يحدث في هذه الحالة:

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

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

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

كل هذا يتوقف على حالتك.

بالمختصر:

• إذا كنت بحاجة إلى رمز نظيف ، فإن Elementor يبدو الخيار الأفضل
• إذا كنت لا تهتم كثيرًا بالشفرة وتحتاج إلى الحل الأمثل على المدى الطويل ، فقد تكون Divi هي خيارك

بالنسبة للأداء العام ، فإن كلا منشئ الصفحات منتفخ قليلاً ، ولكن بشكل عام ، يُعتقد أن Elementor أسرع قليلاً من Divi.

تتمتع Divi ببعض السمعة في إبطاء المواقع ، لكننا كمستخدمين Divi لم نلاحظ أي مشكلات رئيسية تتعلق بالسرعة.

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

⚡ تحقق أيضًا من: Beaver Builder vs Elementor

Elementor vs Divi: اختبار الأداء بواسطة Siteefy

بعد جودة الكود ، هناك عامل مهم آخر يجب مراعاته وهو الأداء ... مثل كيفية أداء أداة إنشاء الصفحات من حيث السرعة وأوقات تحميل الصفحة - خاصةً عندما يصبح تحديث Core Web Vitals الجديد من Google إشارة تصنيف اعتبارًا من العام المقبل.

نصيحة: إذا كنت لا تعرف بالفعل ، فإن Google تقدم رسميًا عامل تصنيف جديدًا يجمع بين Core Web Vitals والإشارات الحالية لتجربة الصفحة لتقديم صورة شاملة عن جودة تجربة المستخدم على صفحة الويب. ببساطة ، ستؤثر سرعة تحميل الصفحة (جنبًا إلى جنب مع إشارات تجربة الصفحة الأخرى) بشكل مباشر على تصنيفات Google وفقًا لآخر تحديث. لذا فإن التركيز على سرعة الصفحة له أهمية خاصة.

عد الآن إلى الاختبار ...

أولاً ، سنختبر إعداد WordPress جديدًا مع تثبيت قالب Twenty Twenty الافتراضي.

بعد ذلك سنختبر مواقع الويب مع تثبيت Divi و Elementor ، وأخيرًا ، اختبار مع موقع تم استيراده من مكتبات قوالب Divi و Elementor (على التوالي) لجعل الاختبار واقعيًا قدر الإمكان.

لذلك سيكون هناك ما مجموعه 3 اختبارات:

1. إعداد WordPress الجديد
2. تم تثبيت Divi (Builder and Theme) و Elementor (Pro و Hello Theme)
3. ديفي والعنصر مع صفحات تجريبية

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

لإجراء الاختبار ، سنستخدم Gtmetrix بالإعداد التالي:

• المتصفح: Chrome (سطح المكتب)
• مكان الاختبار: دالاس (الولايات المتحدة الأمريكية)
• سرعة الإنترنت: برودباند @ 20/5 ميجابت في الثانية

دعنا نتعمق في الأمر.

اختبار رقم 1: تثبيت WordPress جديد

هذا هو نتيجة موقع ويب به تثبيت WordPress جديد ، مستضاف على Kinsta (Google Cloud Servers) ، المعروف بسرعاته الفائقة.

إليك كيفية أداء موقع الويب في اختبارنا:

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

اختبار رقم 2: تثبيت Divi Builder و Elementor

في هذا الموقع ، نقوم باختبار مواقع الويب باستخدام Divi Builder + Divi Theme و Elementor Pro + Hello Theme .

ملاحظة: نحن نستخدم Divi Builder مع سمة Divi نظرًا لأن هذه المجموعة مصممة للعمل معًا بسلاسة (وهم يفعلون) و Elementor Pro مع Hello Theme لنفس السبب بالضبط.

فيما يلي النتائج التي حصلنا عليها عندما اختبرنا سرعة موقع WordPress مع تثبيت Divi و Elementor (في أوقات مختلفة):

كما هو متوقع ، يتميز Elementor with Hello بخفة الوزن وسريع خارج الصندوق مقارنةً بـ Divi .

هنا ، يعد Elementor with Hello theme المثبت أسرع من نسق Twenty Twenty WordPress الافتراضي (مع عدم تثبيت منشئ الصفحات) لأن سمة Hello هي سمة فارغة مصممة خصيصًا للعمل مع منشئي الصفحات (بما في ذلك على سبيل المثال لا الحصر Elementor).

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

اختبار رقم 3: Divi Builder and Elementor مع صفحات تجريبية

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

لجعل الاختبار عادلاً قدر الإمكان ، استخدمنا قوالب مماثلة سابقة الإنشاء من فئة "الأعمال" لمكتبة نماذج Divi و Elementor.

فيما يلي نتائج الاختبار التي تلقيناها:

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

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

Elementor vs Divi Builder: استنتاج اختبار الأداء

بشكل عام ، يعتبر Elementor أفضل فقط من Divi عند مقارنة الاثنين بناءً على أدائهما خارج الصندوق.

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

طالما أنك تستخدم التخزين المؤقت وتحسينات سرعة WordPress الأخرى (مثل ضغط GZIP وضغط الصور والتخزين المؤقت للمتصفح) على موقع الويب الخاص بك ، فسوف يمنحك كل من Divi و Elementor أداءً مذهلاً .

مع حجم صفحة أصغر ، يمكن أن يكون Elementor متقدمًا قليلاً ، لكن Divi لا تزال تقدم أفضل أداء من خلال التحسينات القوية المضمنة.

Divi vs Elementor - التسعير

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

سعر العنصر

يتوفر إصدار مجاني من Elementor ، ويبدأ Elementor Pro بسعر 49 دولارًا سنويًا لترخيص موقع واحد و 999 دولارًا سنويًا لما يصل إلى 1000 موقع. لا يوجد خيار ترخيص مدى الحياة مع Elementor.

تسعير Divi Visual Builder

يبدأ سعر Divi من 89 دولارًا سنويًا أو السعر الثابت 249 دولارًا للوصول مدى الحياة إلى جميع منتجات السمات الأنيقة (بما في ذلك Divi) لمواقع الويب غير المحدودة.

على عكس Elementor ، ليس لدى Divi نسخة مجانية. إنه منتج ممتاز.

باستخدام Elementor Pro ، يمكنك الحصول على أكثر من 50 عنصر واجهة مستخدم ومئات من القوالب الاحترافية و Elementor Theme Builder و Popup Maker. لذلك لا يتعين عليك استخدام أي مكون إضافي فردي للنموذج أو النافذة المنبثقة حيث يمكن لـ Elementor القيام بذلك نيابة عنك.

الشيء الجيد في Elementor هو أنه يمكنك تجربة المكون الإضافي المجاني قبل الانتقال إلى إصدار Pro.

على الرغم من عدم وجود خيار مجاني مع Divi ، يمكنك تجربته مجانًا من خلال العرض التوضيحي للمتصفح. توفر عضوية Divi وصولاً مجانيًا إلى جميع سمات ومكونات WordPress الأنيقة بما في ذلك Bloom and Monarch الجميلة ، كل ذلك في حزمة واحدة .

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

يقدم كل من Elementor و Divi ضمانًا لاسترداد الأموال بدون مخاطر لمدة 30 يومًا للمشتريات الجديدة ، لذلك إذا لم يعجبك المنتج ، يمكنك استرداد أموالك.

الأفكار النهائية - Elementor vs Divi

إذن ، ما هو الحكم النهائي؟ ديفي أو إليمينتور؟ أيهما أفضل بشكل عام؟

حسنًا ، هذا سؤال معقد ويبدو أنه لا توجد إجابة مباشرة له. كلا المنتجين رائعين.

نستخدم كلاهما هنا في Siteefy ونحن سعداء بكل منهما.

ديفي وإليمينتور كلاهما قويتان للغاية. المكون الإضافي لـ Page Builder مع وظيفة السحب والإفلات المرئية ، وموضوع WordPress المحسن ، ومنشئ النوافذ المنبثقة ، واختبار الانقسام ، و CSS المخصص ، والتحرير المضمن ، وحزم التخطيط - يأتي كل منشئ WordPress مع الكثير من الميزات المفيدة.

لذلك يتلخص القرار في الأساس في تفضيلاتك الشخصية أو إذا كان لديك أي حالة استخدام خاصة يقدمها أي من منشئي الصفحات.

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

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

تحقق من مراجعة Elementor النهائية هنا ➡️

🔔 تحقق أيضًا:

• مراجعة ديفي
• بيفر بيلدر مقابل إليمينتور
• بريزي مقابل إليمينتور
• Elementor مقابل Visual Composer
• جوتنبرج مقابل إليمينتور
• الأكسجين مقابل العنصر
• SiteOrigin مقابل Elementor
• تزدهر مهندس معماري مقابل إليمينتور
• الملحن المرئي مقابل ديفي
• ديفي مقابل أفادا
• بيفر بيلدر مقابل ديفي
• ديفي مقابل ويكس
• ديفي مقابل Themify
• ديفي مقابل ثرايف أركيتكت
• ديفي مقابل سفر التكوين