تطوّر Lighthouse: التكامل المستمر وصيغة جديدة لنتيجة الأداء وغير ذلك

يمكنك الاطّلاع على آخر الأخبار والإحصاءات من أداة Lighthouse من مؤتمر Chrome Developer Summit لعام 2019.

Elizabeth Sweeny
Elizabeth Sweeny

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

أطلق فريق Lighthouse الإصدار الأولي من Lighthouse CI، وهو منتج الدمج المستمر الجديد الذي يتيح لك تشغيل Lighthouse في كل مرة التزام تم قبولها قبل الانتقال إلى مرحلة الإنتاج. تشغّل أداة Lighthouse CI أداة Lighthouse عدة مرات، وتؤكد الحدود الثابتة للتدقيق أو المقاييس، ثم تحمِّل تقارير Lighthouse إلى أحد الخوادم لمعرفة الاختلافات المرئية وسجل نتائج الفئات الأساسية. تعمل إعدادات الميزانيةBudgets.json الحالية بسلاسة إلى جانب البنية المعبّرة الجديدة لتأكيد أي تدقيق Lighthouse أو نتيجة الفئة.

تقرير Lighthouse CI

تتوافق أداة Lighthouse CI مع Travis CI وCircle CI وGitHub الإجراءات غير المتوفّرة وأي خدمة Ubuntu أو قائمة CI على مستوى الحاوية مع بعض الإعدادات. يمكنك تثبيت خادم Lighthouse CI في المؤسسة أو استخدام صورة Docker للإعداد الفوري. تتوفّر مساحة تخزين مجانية وعامة ومؤقتة لتقارير Lighthouse كبديل للبدء على الفور.

قريبًا: تعديلات على نتيجة الأداء

سيتم إجراء تغييرات على الإصدار 6 من نتيجة "الأداء" في Lighthouse. في الإصدار 5 (بدايةً من تشرين الثاني (نوفمبر) 2019)، تتضمّن أداة Lighthouse خمسة مقاييس مُرجحة وممزوجة لتكوين نتيجة الأداء من 0 إلى 100، وهي: سرعة عرض أول محتوى مرئي ومؤشر السرعة وسرعة عرض أوّل محتوى مرئي ومدة التفاعل وفترة عدم استخدام وحدة المعالجة المركزية الأولى.

مقارنة صيغ نتيجة الأداء في Lighthouse في الإصدارَين 5 و6

راجِع نتيجة الأداء في Lighthouse للحصول على معلومات تفصيلية.

في الإصدار 6 من Lighthouse، سيحلّ المقياسان الجديدان سرعة عرض أكبر محتوى مرئي (LCP) وإجمالي وقت الحظر (TBT) محلّ أوّل خاملة لوحدة المعالجة المركزية (CPU) ومقياس "سرعة عرض أول محتوى مرئي" (FMP). وسيتم تعديل أوزان كل مقياس من المقاييس الخمسة لتحقيق توازن أفضل بين المراحل المختلفة للتحميل ومقاييس التفاعل.

ولا يزال فريق Lighthouse يعمل على ضمان ضبط جميع منحنيات تسجيل النقاط، بالإضافة إلى أن المقاييس ناضجة وتم اختبارها بدقة. ويهدف إلى شحن نتيجة الأداء الخاصة بالإصدار 6 من Lighthouse في يناير 2020.

حِزم تكديس المنارة

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

اقتراح تقرير Lighthouse لتأجيل الصور خارج الشاشة في تطبيقات React

في الوقت الحالي، توجد حزم مكدسة لـ Angular وWordPress وMigento وReact وAMP. لإنشاء حزمة الحزم الخاصة بك، يُرجى زيارة مستودع GitHub أو التواصل مع فريق Lighthouse.

قريبًا: مكوّنات Lighthouse الإضافية مثل إضافات Chrome

رمز المكوّن الإضافي Lighthouse

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

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

لوحة تدقيق "أدوات مطوري البرامج في Chrome" تتضمّن خيارات لتشغيل مكونات Lighthouse الإضافية لإعلانات الناشرين على Google وتجربة المستخدم
المكوّنات الإضافية للمنتدى في لوحة تدقيق أدوات مطوّري البرامج (إصدار تجريبي)

عندما يثبّت المستخدمون إضافات مكوّنات Lighthouse الإضافية من سوق Chrome الإلكتروني، ستحدد "أدوات مطوري البرامج" المكوّنات الإضافية المثبّتة وتعرضها كخيار في لوحة التدقيق. سيعمل فريق Lighthouse على تقديم الدعم لنهج المكوّن الإضافي خلال الأشهر القادمة، لذا تابِع أخبارنا باستمرار. في هذه الأثناء، يمكنك إنشاء مكوِّن إضافي اليوم كوحدة عقدة وإتاحتها لجميع مستخدمي Lighthouse من خلال واجهة سطر الأوامر!

مزيد من المعلومات

للحصول على مزيد من التفاصيل حول Lighthouse وتحديثات أدوات الأداء الأخرى من CDS 2019، يمكنك مشاهدة الحديث عن تطورات أدوات السرعة:

نستفيد كثيرًا من ملاحظاتك في تحسين أداء Lighthouse، لذا ندعوك إلى تجربة Lighthouse CI أو كتابة حزمة حزمة أو إنشاء مكوّن إضافي لـ Lighthouse وإعلامنا بآرائك.