Lighthouse هي أداة مبرمَجة ومفتوحة المصدر لتحسين جودة تطبيقات الويب. يمكنك تثبيته على أنّه إضافة Chrome أو تشغيله كأداة سطر أوامر Node. عند منح Lighthouse عنوان URL، يتم إجراء عدد كبير من الاختبارات على الصفحة ثم إنشاء تقرير يوضح مدى جودة أداء الصفحة ويوضح الجوانب التي تحتاج إلى التحسين.
يسرّنا اليوم الإعلان عن
إصدار 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 ويحفظ التقرير هناك. وبما أن هذه المشاركة تتم من خلال مشروع Google، يمكنك الاحتفاظ بالتحكم الكامل في مشاركة التقرير ويمكنك حذفه في أي وقت. يمكنك إبطال إذن "المُشاهد" لإنشاء ملفات أساسية ضمن إعدادات GitHub.
تجربة الأداء
وقد وصل الإصدار الأول من مشروع تجربة الأداء إلى الإصدار 1.5.0. ويتيح لك ذلك تجربة أداء تحميل الصفحة، وإجراء اختبار تفاعلي للتأثيرات المترتبة على حظر مواد العرض أو تأخيرها في المسار الحرج أثناء التطوير.
عند تشغيل Lighthouse مع العلامة --interactive، يتم إنشاء تقرير خاص يسمح بالاختيار التفاعلي لموارد الصفحات المكلفة. بعد ذلك، يعيد خادم التجربة تشغيل Lighthouse على تلك الصفحة مع حظر هذه الموارد.
مزيد من المعلومات حول تجربة الأداء في Lighthouse
وثائق جديدة
أخيرًا وليس آخرًا، حدّثنا المستندات على الرابط developers.google.com/web/tools/lighthouse/ وأضفنا مراجع تدقيق جديدة.
لقد انتهينا.
للاطّلاع على جميع التفاصيل حول آخر الأخبار في Lighthouse، يمكنك الاطّلاع على ملاحظات الإصدار الكاملة على GitHub. وكالعادة، يُرجى التواصل معنا للإبلاغ عن الأخطاء أو إرسال طلبات ميزات أو لتبادل أفكار حول ما تريد مشاهدته بعد ذلك.