Lighthouse یک ابزار متن باز و خودکار برای بهبود کیفیت برنامه های وب شما است. می توانید آن را به عنوان یک برنامه افزودنی کروم نصب کنید یا آن را به عنوان ابزار خط فرمان Node اجرا کنید. وقتی به Lighthouse یک URL می‌دهید، رگباری از آزمایش‌ها را روی صفحه انجام می‌دهد و سپس گزارشی را ایجاد می‌کند که توضیح می‌دهد صفحه چقدر خوب عمل کرده و مناطقی را برای بهبود نشان می‌دهد.
امروز، ما خوشحالیم که انتشار 1.5 Lighthouse را اعلام کنیم، یک نسخه عظیم، با بیش از 128 PR . Lighthouse 1.5 شامل مجموعه ای از ویژگی های جدید بزرگ، ممیزی ها و رفع اشکال معمول است. می توانید آن را از npm ( npm i -g lighthouse ) نصب کنید یا برنامه افزودنی را از فروشگاه وب Chrome دانلود کنید .
ممیزی های جدید
حسابرسی استفاده از CSS تعداد قوانین سبک استفاده نشده در صفحه شما و صرفه جویی در هزینه/زمان حذف آنها را گزارش می کند:
Optimized Images Audit تصاویری را که بهینه نشده اند و صرفه جویی در هزینه/زمان بهینه سازی آنها را گزارش می دهد:
ممیزی تصاویر پاسخگو تصاویری را که خیلی بزرگ هستند و صرفه جویی در هزینه/زمان بالقوه اندازه گیری صحیح آنها برای دستگاه داده شده را گزارش می دهد:
در صورتی که صفحه شما از APIهای منسوخ شده یا ویژگی‌هایی استفاده می‌کند که مداخلاتی دارند، اخطارهای کنسول Chrome را فهرست می‌کند:
گزارش تغییرات
همانطور که مشاهده کردید، ما با افزودن داده های جدولی، پنهان کردن متن کمکی اضافی و افزودن ویژگی های جدید برای آسان تر کردن داده ها، تمرکز خود را بر این کرده ایم که گزارش از نظر بصری کمتر درهم برود.
تنظیمات شبیه سازی
به راحتی می‌توان فراموش کرد که چه تنظیماتی از throttling و شبیه‌سازی برای اجرای Lighthouse خاص استفاده شده است. گزارش‌های Lighthouse اکنون شامل تنظیمات شبیه‌سازی زمان اجرا هستند که برای ایجاد گزارش استفاده شده‌اند. درخواست ویژگی طولانی مدت :
داده های ردیابی مفیدتر
معیارهای فانوس دریایی مانند "نخستین رنگ معنی دار"، "زمان برای تعامل"، و غیره به عنوان اندازه گیری زمان بندی کاربر مورد تمسخر قرار می گیرند و به داده های ردیابی ذخیره شده با پرچم --save-assets دوباره تزریق می شوند.
اگر از پرچم --save-assets استفاده می کنید، اکنون می توانید ردیابی را در DevTools رها کنید یا آن را در DevTools Timeline Viewer باز کنید. شما می توانید معیارهای کلیدی خود را در متن با ردیابی کامل بارگذاری صفحه مشاهده کنید.
بیننده فانوس دریایی
در گزارش‌های HTML، یک دکمه جدید با گزینه‌هایی برای صادرات گزارش در قالب‌های مختلف مشاهده خواهید کرد. یکی از این گزینه ها "باز کردن در نمایشگر" است. با کلیک بر روی این دکمه، گزارش به Viewer آنلاین ارسال می شود، جایی که می توانید گزارش را بیشتر با کاربران GitHub به اشتراک بگذارید.
در پشت صحنه، Viewer از طریق OAuth برای ایجاد یک GitHub مخفی اجازه می‌گیرد و گزارش را در آنجا ذخیره می‌کند. از آنجایی که این کار به عنوان Gist شما انجام می شود، شما کنترل کامل بر اشتراک گذاری گزارش را دارید و می توانید آن را در هر زمانی حذف کنید. می‌توانید مجوز Viewer را برای ایجاد کلیات در تنظیمات GitHub خود لغو کنید.
آزمایش عملکرد
اولین نسخه پروژه Performance Experiment در نسخه 1.5.0 منتشر شد. این به شما امکان می دهد عملکرد بارگذاری صفحه خود را آزمایش کنید و به طور تعاملی اثرات مسدود کردن یا به تاخیر انداختن دارایی ها را در مسیر حیاتی خود در طول توسعه آزمایش کنید.
هنگامی که Lighthouse با پرچم --interactive اجرا می شود، یک گزارش ویژه ایجاد می شود که امکان انتخاب تعاملی منابع صفحه پرهزینه را فراهم می کند. سپس سرور آزمایشی Lighthouse را در آن صفحه با آن منابع مسدود شده اجرا می کند.
درباره آزمایش عملکرد در فانوس دریایی بیشتر بدانید .
مستندات جدید
آخرین اما نه کم‌اهمیت، ما اسناد را در developers.google.com/web/tools/lighthouse/ مدرن کرده‌ایم و مراجع حسابرسی جدیدی اضافه کرده‌ایم.
فعلا همین!
برای همه جزئیات در مورد جدیدترین در Lighthouse، یادداشت های انتشار کامل را در GitHub ببینید. مثل همیشه، با ما تماس بگیرید تا اشکالات ، درخواست‌های ویژگی فایل، یا ایده‌های طوفان فکری در مورد آنچه می‌خواهید در آینده ببینید را گزارش کنیم.