منذ مؤتمر Google I/O، عملنا جاهدين على تحسين Lighthouse ليصبح رفيقًا رائعًا لإنشاء تطبيقات ويب تقدّمية رائعة:
- استقبال 50 مشاركًا جديدًا في المشروع
- شحن 15 إصدارًا
- تمت إضافة 20 اختبار تدقيق إضافي تقريبًا (50 اختبارًا تقريبًا في المجمل)
يسرّنا اليوم الإعلان عن إصدار Lighthouse 1.3. يتضمّن الإصدار 1.3 من Lighthouse
مجموعة كبيرة من الميزات الجديدة المهمة وعمليات التدقيق وإصلاحات الأخطاء المعتادة. يمكنك
تثبيتها من npm (npm i -g lighthouse) أو تنزيل الإضافة
من "سوق Chrome الإلكتروني".
ما هي الميزات الجديدة؟
شكل وأسلوب جديدان
إذا كنت قد استخدمت إصدارًا سابقًا من Lighthouse، قد تكون لاحظت أنّه تم تغيير الشعار. تم أيضًا تحسين تقرير HTML وإضافة Chrome بالكامل، مع تقديم عرض أكثر وضوحًا للنتائج ومزيدًا من الاتساق في نتائج الفحص. أضفنا أيضًا معلومات مفيدة لتصحيح الأخطاء عند عدم اجتياز أحد الاختبارات، وتضمنت هذه المعلومات إشارات إلى الحلول البديلة المقترَحة.
أفضل الممارسات الجديدة
حتى الآن، ركّزت أداة Lighthouse على مقاييس الأداء وجودة التطبيقات المتوافقة مع الأجهزة الجوّالة. ومع ذلك، فإنّ الهدف العام من المشروع هو توفير دليل إرشادي لكل ما يتعلّق بتطوير الويب. ويشمل ذلك إرشادات حول أفضل الممارسات العامة ونصائح حول الأداء وإمكانية الوصول، ومساعدة شاملة في إنشاء تطبيقات عالية الجودة.
"تحسين الأداء على الويب" هو جهد ضمن مشروع Lighthouse لمساعدة المطوّرين على تحسين أدائهم على الويب. بعبارة أخرى، مساعدتهم في تحديث
تطبيقات الويب وتحسينها غالبًا ما يستخدم مطوّرو الويب ممارسات قديمة أو أنماطًا مضادة أو يواجهون
مشاكل أداء معروفة بدون أن يدركوا ذلك. على سبيل المثال، من المعلوم على نطاق واسع أنّه يجب استخدام requestAnimationFrame() بدلاً من setInterval() لإنشاء المؤثرات المتحركة المستندة إلى JavaScript. ومع ذلك، إذا لم يكن المطوّر على دراية
بواجهة برمجة التطبيقات الأحدث، سيتأثّر تطبيق الويب الخاص به بدون داعٍ.
يتضمّن Lighthouse 1.3 أكثر من 20 اقتراحًا لأفضل الممارسات الجديدة، بدءًا من نصائح لتحسين ميزات CSS وJavaScript ووصولاً إلى اقتراحات لتحسين الأداء، مثل "تقليل عدد مواد العرض التي تمنع العرض" و"استخدام مستمعي الأحداث السلبيين لتحسين أداء الانتقال للأعلى أو للأسفل".
وسنواصل إضافة المزيد من الاقتراحات بمرور الوقت. إذا كانت لديك اقتراحات بشأن أفضل الممارسات أو أردت مساعدتنا في كتابة تقرير تدقيق، يُرجى الإبلاغ عن مشكلة على GitHub.
مُشاهد التقرير
أخيرًا وليس آخرًا، يسرّنا الإعلان عن أداة جديدة لعرض الويب لنتائج Lighthouse. انتقِل إلى googlechrome.github.io/lighthouse/viewer، واسحب وأفلِت ناتج عملية تنفيذ Lighthouse (أو انقر لتحميل ملفك)، وانتهى الأمر. "Insta" تقرير HTML في Lighthouse
يتيح لك "عارض Lighthouse" أيضًا مشاركة التقارير مع الآخرين. سيؤدي النقر على رمز المشاركة إلى تسجيل دخولك إلى GitHub. نخفي التقارير كخلاصة سرية في حسابك كي تتمكّن من حذف تقرير مشترَك أو تعديله بسهولة في وقت لاحق. باستخدام GitHub لأجل تخزين البيانات، يمكنك أيضًا الحصول على ميزة التحكّم في الإصدارات مجانًا.
يمكن إعادة تحميل التقارير الحالية باستخدام "عارض Lighthouse" عن طريق إضافة ?gist=GIST_ID
إلى عنوان URL:
للحصول على جميع التفاصيل حول أحدث إصدار من Lighthouse، يُرجى الاطّلاع على ملاحظات الإصدار الكاملة على GitHub. يمكنك التواصل معنا لإبلاغنا بالأعطال أو إرسال طلبات بشأن ميزات إضافية أو طرح أفكار حول الميزات التي تريد أن تراها في المستقبل.