اختبار وقت التحميل الخلفي منشئ الأكسجين

ستلقي هذه المقالة نظرة على وقت تحميل الواجهة الخلفية لـ Oxygen Builder. يقول الكثير من الناس أن هذا يمثل جانبًا سلبيًا رئيسيًا في WordPress PageBuilder ، لذلك قررنا اختباره على عدة أجهزة مختلفة. دعونا نرى ما تم اكتشافه.

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

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

موضوع الاختبار

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

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

قراءة: فصل خيارات الخادم الخمسة في Cloudway لاستضافة WordPress

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

الصفحة التي تم اختبارها هي الصفحة الرئيسية للموقع. في وقت الاختبار ، بدا الأمر كما يلي:

كانت العناصر الرئيسية للصفحة التي تم تحميلها هي عنصر قائمة Oxygen Builder ، وشريط بحث مخصص ، وشبكة منشورات سهلة لمشاركات العرض التوضيحي (القسم الأول) ، وعنصر WSForm Oxygen ، و OxyExtras carousal مع مكرر بداخله. يحتوي هذا المكرر على أكثر من تسعة منشورات ، وعشرات من الشروط بناءً على حقول MetaBox.

كانت الصفحة عامة حيث تم إنشاء وكيل DNS للمجال الفرعي Deals.isotropic.co من خلال Cloudflare.

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

كانت المكونات الإضافية المستخدمة على النحو التالي:

* نراجع الإضافات التي نستخدمها بالفعل ، كما يتضح هنا :).

من المهم ملاحظة أننا كنا نستخدم Oxygen Builder 3.9 Beta 2. لدينا أيضًا عناصر WooCommerce مثبتة ، ولكن WooCommerce نفسها لم تكن موجودة في هذه المرحلة.

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

بالإضافة إلى ذلك ، أود أن أشير إلى أن OxyExtras و WPGridbuilder و OxyMade و WSForm جميعها عناصر مضافة إلى الواجهة الخلفية للمنشئ. يتم أيضًا تحميل Swiss Knife ، وهي أداة الجلد / سير العمل وحزمة الهيدروجين في الواجهة الخلفية.

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

أخيرًا ، إليك نظرة سريعة على شبكة WiFi الخاصة بي:

كيف يتم تشغيل هذا الاختبار

يتم إجراء هذا الاختبار عن طريق التحميل المباشر لـ Oxygen Builder من النقر فوق "تحرير باستخدام الأكسجين" في الواجهة الخلفية للصفحة.

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

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

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

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

منشئ الأكسجين مرات التحميل حسب المتصفح

أولاً ، دعنا نحاول تحميله على جميع المتصفحات المثبتة على جهاز Mac Mini M1 الخاص بي. ستتم إعادة بيان الإحصائيات عند الاختبار حسب الجهاز ، ولكن هذا جهاز 2020 M1 Mac Mini بسعة 8 جيجابايت من ذاكرة الوصول العشوائي ، ويعمل بنظام Big Sur V11.3.1. هذا هو "سطح المكتب اليومي" الخاص بي.

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

قمنا باختبار Safari V14.1 و Chrome V95.0.4638.69 و Firefox V94.

• يأتي Firefox في الساعة 05.59 ثانية.
• يأتي Chrome في 17.52 ثانية.
• يأتي Safari في 6.20 ثانية.

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

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

سوف نستخدم هذا المتصفح لاختبار الجهاز.

منشئ الأكسجين مرات التحميل حسب المتصفح

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

2020 Mac Mini (تم اختباره بالفعل)

• شريحة Apple M1
• 16 جيجا رام

يحمل الأكسجين في 05.59 ثانية.

2019 XPS 13 9370

• انتل i7-8550U
• 16 جيجا رام

يحمل الأكسجين في 11.54 ثانية.

2020 iPad Air 10.9in MYFT2LL / A

• شريحة أبل A14
• 4 جيجا رام

يحمل الأكسجين في 11.96 ثانية.

قراءة: هل يمكنك تطوير مواقع الويب على iPad Pro؟

2019 Dell Latitude 7400

• انتل i7 8655U
• 16 جيجا رام

يقوم بتحميل الأكسجين في 16.19 ثانية.

2020 Macbook Pro 13in

• انتل كور i5
• 16 جيجا رام
• بطاقة رسومات Intel Iris Plus Graphics 645 1536 ميجابايت

يحمل الأكسجين في 9.66 ثانية.

2021 Macbook Pro 16in

• شريحة Apple M1 Max
• 64 جيجا رام

يحمل الأكسجين في 5.43 ثانية.

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

الوجبات الجاهزة الكبيرة

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

أقترح استخدام هذه الأرقام بشكل تعسفي. بدلاً من القول أن Oxygen سيتم تحميله في X.XX ثانية من أجلك ، استخدم الأرقام لمقارنة المتصفح والأجهزة.

الوجبات الجاهزة 1: المتصفح مهم

كما يذكر Facebook باستمرار ، فإن Firefox هو أسرع متصفح لتحميل Oxygen Builder. أنا شخصياً أستخدم إصدار مطور Firebox.

الوجبات الجاهزة 2: مسائل الجهاز

أسرع جهازين هما أحدث أجهزة Apple التي تستخدم Apple Silicone. هذا يبدو منطقيا؛ هذه المعالجات أسرع بكثير من أي شيء آخر في السوق ؛ وهم ليسوا بهذا الثمن. يأتي جهاز M1 Mac Mini الأساسي بسعر أقل من 600 دولار تم تجديده ، و M1 Macbook Air بسعر 899 دولارًا.

Takeaway 2B: يبدو أن المعالج أهم من ذاكرة الوصول العشوائي

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

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

افكار اخيرة

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

باعتباري Webdev الذي يستخدم Oxygen لمعظم المشاريع ، فإن سرعة المنشئ لم تؤثر علي أبدًا ، لكنني أردت أن ألقي نظرة جدية على أفضل إعداد لها.

إذا كان لديك أي أرقام مقارنة خاصة بك ، فلا تتردد في نشرها في قسم التعليقات أدناه.