Lighthouse هي أداة مبرمَجة ومفتوحة المصدر لتحسين جودة تطبيقات الويب. يمكنك تثبيتها كأحد إضافات Chrome أو تشغيلها كأداة سطر أوامر Node. عندما تقدّم إلى Lighthouse عنوان URL، تُجري أداة Lighthouse سلسلة من الاختبارات على الصفحة، ثم تنشئ تقريرًا يوضّح مستوى أداء الصفحة ويشير إلى الجوانب التي يمكن تحسينها.
يسرّنا اليوم الإعلان عن إطلاق الإصدار 1.5 من Lighthouse، وهو إصدار كبير يتضمّن أكثر من 128 طلب ربط. يتضمّن Lighthouse 1.5
مجموعة من الميزات الجديدة المهمة وعمليات التدقيق وإصلاحات الأخطاء المعتادة. يمكنك تثبيته
من npm (npm i -g lighthouse) أو
تنزيل الإضافة
من "سوق Chrome الإلكتروني".
عمليات التدقيق الجديدة
يُبلِغ تقرير تدقيق استخدام CSS عن عدد قواعد الأنماط غير المستخدَمة في صفحتك والتكلفة أو الوقت المُستغرَقَين في إزالتها:
يُبلغ تقرير تدقيق الصور المحسّنة عن الصور غير المحسّنة ومقدار الادخار في التكلفة أو الوقت الناتج عن تحسينها:
يُبلغ تقرير تدقيق الصور المتوافقة مع الأجهزة الجوّالة عن الصور الكبيرة جدًا و التكلفة/الوقت المحتملَين الادخارَين عند ضبط حجمها بشكل صحيح للجهاز المحدّد:
يسرد تقرير تدقيق العناصر المتوقّفة والتدخلات تحذيرات وحدة التحكّم من Chrome إذا كانت صفحتك تستخدم واجهات برمجة تطبيقات متوقّفة أو ميزات تمت عليها تدخلات:
الإبلاغ عن التغييرات
كما رأيت، ركّزنا على تقليل المحتوى المرئي في التقرير من خلال إضافة بيانات جدولية وإخفاء نص المساعدة غير المفيد وإضافة ميزات جديدة ل تسهيل التنقّل في البيانات.
إعدادات المحاكاة
من السهل نسيان إعدادات التقييد والمحاكاة التي تم استخدامها في أحد عمليات تنفيذ Lighthouse. تتضمّن تقارير Lighthouse الآن إعدادات محاكاة وقت التشغيل التي تم استخدامها لإنشاء التقرير، وهو طلب ميزة طال انتظاره:
بيانات تتبُّع أكثر فائدة
يتم محاكاة مقاييس Lighthouse، مثل "أول مرّة يتم فيها عرض المحتوى بشكل ذي مغزى" و"الوقت إلى التفاعل" وما إلى ذلك،
بصفتها مقاييس "وقت المستخدِم" ويتم إدخالها مرة أخرى في بيانات التتبّع المحفوظة
باستخدام العلامة --save-assets.
في حال استخدام العلامة --save-assets، يمكنك الآن إسقاط التتبّع في أدوات مطوّري البرامج أو
فتحه في عارض المخطط الزمني في أدوات مطوّري البرامج.
ستتمكّن من الاطّلاع على المقاييس الرئيسية في السياق مع التتبّع الكامل لتحميل
الصفحة.
عارض Lighthouse
في تقارير HTML، سيظهر لك زر جديد يتضمّن خيارات لتصدير التقرير بتنسيقات مختلفة. ومن بين هذه الخيارات "الفتح في "عارض الصور". سيؤدي النقر على هذا الزر إلى إرسال التقرير إلى أداة المشاهد على الإنترنت، حيث يمكنك مشاركة التقرير مع مستخدمي GitHub.
في الكواليس، يحصل "المُشاهد" على إذنك من خلال بروتوكول OAuth لإنشاء GitHub ملف gist سري ويحفظ التقرير هناك. بما أنّه تم إنشاؤه كخلاصة، يمكنك التحكّم بشكل كامل في مشاركة التقرير وحذفه في أي وقت. يمكنك سحب إذن "المُشاهد" لإنشاء ملخّصات ضمن إعدادات GitHub.
تجربة الأداء
تم طرح الإصدار الأول من مشروع تجربة الأداء في الإصدار 1.5.0. يتيح لك ذلك تجربة أداء تحميل صفحتك، واختبار تأثيرات حظر مواد العرض أو تأخيرها بشكل تفاعلي في مسار العميل المُهمّ أثناء التطوير.
عند تشغيل Lighthouse باستخدام العلامة --interactive، يتم إنشاء تقرير خاص
يسمح بالاختيار التفاعلي لموارد الصفحة ذات التكلفة العالية. بعد ذلك، يُعيد
خادم التجربة تشغيل Lighthouse على تلك الصفحة مع
حظر هذه الموارد.
مزيد من المعلومات عن تجربة الأداء في Lighthouse
مستندات جديدة
أخيرًا وليس آخرًا، عدّلنا المستندات على الرابط developers.google.com/web/tools/lighthouse/ وأضفنا مراجع جديدة للتدقيق.
هذا كلّ ما يمكننا قوله الآن.
للاطّلاع على جميع التفاصيل حول أحدث إصدار من Lighthouse، يمكنك الاطّلاع على ملاحظات الإصدار الكاملة على GitHub. كما هو الحال دائمًا، يمكنك التواصل معنا للإبلاغ عن الأخطاء أو إرسال طلبات ميزات أو طرح أفكار حول الميزات التي تريدها في المستقبل.