التجارة الإلكترونية

طرح إضافة Jetpack Boost لتحقيق نتائج أفضل في تحميل المواقع الإلكترونية

أصدرت Automattic مسبقًا مكونًا إضافيًا Jetpack Boost وهو مصمم للتعامل مع العمل الشاق لتحقيق نتائج أفضل لـ Core Web Vitals. البرنامج المساعد حاليًا في مرحلة الإختبار ولا ليس لغرض استخدامه في مواقع الإلكترونية النشطة.

ويتوفر المكون الإضافي Jetpack Boost في مستودع المكونات الإضافية WordPress.org الرسمي، حاليًا يأتي في الإصدار 0.9.19. وقد يكون متاحًا في إصدار كامل الإصدار 1.0 خلال الأسبوع المقبل أو نحو ذلك.

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

تعزيز Jetpack

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

ويتعلق الهدف من Jetpack Boost هو توفير حل سهل لمنح مواقع الويب WordPress دفعة في مقاييس تجربة المستخدم المتعلقة بالسرعة وحيوية الويب الأساسية.

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

ومع ذلك، يُقصد بـ Jetpack Boost أن يكون حلاً سهلاً بنقرة واحدة لتسريع الموقع. بينما يعمل الإصدار التجريبي الحالي على تسريع ثلاثة مجالات. وقد يتوسع الBoost ليشمل المزيد من الميزات، خاصة وأن المطورين يتلقون المزيد من التعليقات.

لقطة شاشة من Jetpack Boost Dashboard

Screen Shot 2021 04 08 at 9.38.37 PM
واجهة Jetpack Boost

ميزات البرنامج المساعد Jetpack Boost

يحتوي المكون الإضافي الجديد لتحسين سرعة موقع الويب Jetpack على ثلاث ميزات رئيسية قد تشمل المزيد.

  • CSS المحلية الحرجة
  • تأجيل JavaScript غير الأساسية
  • تحميل الصور الكسولة
  1. CSS المحلية الحرجة

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

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

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

تستخدم وحدة Local Critical CSS أيضًا السمة غير المتزامنة بحيث لا يمنع ملف CSS نفسه عرض صفحة الويب بواسطة المتصفح.

ويساعد التخلص من موارد حظر العرض على الحصول على نتيجة أفضل لصفحة الويب باستخدام مقاييس تجربة صفحة Google المختلفة. كما يعد التخلص من موارد حظر العرض طريقة مهمة لتحسين تجربة المستخدم وتحقيق نتائج أفضل لـ Core Web Vitals.

2. تأجيل JavaScript غير الأساسية

التأجيل ، في هذه الحالة ، هو إشارة إلى سمة JavaScript.

في HTML، يعتبر العنصر بمثابة كتلة بناء أساسية لصفحة ويب، مثل عنصر JavaScript أو عنصر الفقرة (للإشارة إلى فقرة من النص) أو عنصر الإرتباط.

السمة هي شيء يعدل عنصر HTML. على سبيل المثال، مع عنصر الإرتباط (كتلة إنشاء لصفحة ويب)  تغير سمة الرابط “nofollow” سلوك الإرتباط عن طريق إخبار محركات البحث بعدم اتباع الإرتباط.

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

تعد سمة defer مفيدة لجافا سكريبت المرتبطة بعناصر صفحة الويب غير الهامة، مثل مقطع فيديو أقل في صفحة الويب (أسفل الجزء المرئي من الصفحة).

سيعمل Jetpack Boost على تأجيل JavaScript غير الهام.

هذه هي الطريقة التي تصفها صفحة الويب الخاصة بالمكون الإضافي Jetpack Boost الرسمي:

“يؤدي خيار Defer Non-Essential Javascript إلى نقل بعض المهام إلى ما بعد تحميل الصفحة، بحيث يمكن رؤية المعلومات المرئية المهمة في وقت أقرب.”

3. تحميل الصور كسول Lazy loading

يسمح التحميل الكسول Lazy loading بتنزيل صفحة الويب دون الحاجة إلى تنزيل كل صورة على صفحة الويب. ما يفعله هو تنزيل الصور الموجودة في عرض شاشة المتصفح، حيث يمكن لزائر الموقع رؤيتها.

سهولة الإستعمال

تم تصميم Jetpack Boost ليكون سهل الإستخدام للغاية، كل ما يجب القيام به هو تثبيت المكون الإضافي وتشغيل الوحدات المطلوبة.

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

اظهر المزيد

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني.

زر الذهاب إلى الأعلى

أنت تستخدم إضافة حجب الإعلانات عن موقعنا

المرجو منك تفهم أهمية دعمك لنا من خلال تعطيلها، وشكرا