مقارنة السرعة: استكشاف أداة البناء المرئية Blazing-Fast Divi 5

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

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

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

إعادة كتابة كل شيء: ما الذي يجعل Divi 5 مختلفًا؟

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

في حين أن Divi 4 كانت بالفعل أداة قوية لملايين مواقع الويب، إلا أن بنيتها كانت عمرها أكثر من عقد من الزمن. لقد قمنا بتحسينه وتجاوز حدوده، ولكن حان الوقت أخيرًا لبناء أساس جديد.

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

قم بتنزيل Divi 5 Alpha جرب The Divi 5 Demo Report Divi 5 Bug

1. تحسين سرعات إعادة العرض للمنشئ المرئي

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

لاحظ وميض النمط على D4 (يسار)، حيث يستغرق الزر ميلي ثانية لتطبيق الأنماط من القسم المكرر بالكامل. هذا علاوة على كونه أبطأ من D5 (على اليمين) لتكرار القسم.

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

ولكن ما الذي تغير بالضبط لجعل المنشئ أسرع بكثير؟

التكنولوجيا وراء إعادة العرض بشكل أسرع

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

كما ساعد الابتعاد عن الرموز القصيرة في جعل اجتياز التصميمات المعقدة أكثر كفاءة. في منشور الغد، سنناقش سبب ضرورة تغيير إطار عمل الرمز القصير وكيف يعمل Divi 5.

هل يمكنك اكتشاف الفرق في فيديو المقارنة التالي؟ إنه يسلط الضوء على تحسن كبير آخر في Divi 5: تحسين الأداء عند تحرير الإعدادات المسبقة! في Divi 5، تعتمد الإعدادات المسبقة على الفصل. مع مشاركة جميع العناصر المعدة مسبقًا في نفس الفئة، ستكون هناك حاجة إلى عدد أقل من عمليات إعادة العرض في المُنشئ، كما ستكون هناك حاجة إلى قدر أقل من CSS في الواجهة الأمامية.

2. أوقات تحميل أسرع (اقرأ: لا مزيد من عمليات إعادة التحميل المزدوجة)

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

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

تم تحسين أوقات التحميل في جميع المجالات. تحقق من مدى سرعة تحميل Divi 5 مقارنةً بـ Divi 4. لقد تم تحميله بسرعة كبيرة في الاختبار الذي أجريته لدرجة أنك لا تحصل حتى على فرصة لرؤية الرسوم المتحركة الجديدة الرائعة للتحميل المسبق.

هذا التحسن ملحوظ بشكل خاص للمصممين الذين يعملون في مشاريع أكبر. في السابق، كان من الممكن أن يستغرق فتح مشروع كبير في Visual Builder عدة ثوانٍ ليتم تحميله بالكامل.

3. قمنا بإزالة جميع الرسوم المتحركة للواجهة

أحد أبرز التغييرات في واجهة Divi 5 الجديدة (بخلاف إعادة تصميمها الحديثة) هو إزالة جميع الرسوم المتحركة.

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

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

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

أين يذهب Divi 5 من هنا؟

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

كما ناقش نيك يوم الخميس، سنقضي حوالي شهر في إصلاح الأخطاء المعروفة في أعمالنا المتراكمة والعديد من الأخطاء التي تجدها أنت، المجتمع، الآن. إن إصدار Divi 5's Public Alpha هو إصدار ألفا إلى حد كبير، ولكننا نعمل بلا كلل للوصول به إلى حالة الاستعداد للإنتاج. يمكنك المساعدة من خلال تجربة Divi 5 على مواقعك المحلية والمواقع المرحلية، والعثور على جميع الأخطاء الممكنة، والإبلاغ عنها إلى فريق الدعم لدينا. سنقوم بفرز كل اكتشاف للأخطاء والعمل على الأخطاء الأكثر إلحاحًا عند ظهورها.

تنزيل تقرير Divi 5 Alpha عن خطأ Divi 5

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

جرب النسخة التجريبية من Divi 5

مستقبل Divi سريع

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

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

في الأيام المقبلة، سنتحدث عما يعنيه أن Divi 5 يبتعد عن الرموز القصيرة، ويتعمق في نظام ترحيل الموقع، والأفضلية المتعلقة بالمطورين. لا تنسى المتابعة والاشتراك ليصلك كل جديد والمزيد.