تکامل فانوس دریایی: ادغام مداوم، فرمول امتیاز عملکرد جدید و موارد دیگر

آخرین به‌روزرسانی‌ها و اطلاعات آماری Lighthouse را از Chrome Developer Summit 2019 دریافت کنید.

الیزابت سوینی
Elizabeth Sweeny

در سخنرانی Speed ​​Tooling Evolutions در اجلاس توسعه‌دهندگان کروم (CDS)، من و پل آیریش جدیدترین محصولات و ویژگی‌های ارائه شده از Google را ارائه کردیم که می‌تواند به شما در ایجاد و حفظ یک تجربه فوق‌العاده سریع برای همه کاربرانتان کمک کند. در مرکز این داستان، ابزارهای نظارت بر عملکرد خانواده Lighthouse اضافه شده است.

انتشار آلفای فانوس CI

تیم Lighthouse نسخه آلفای Lighthouse CI را راه‌اندازی کرده است، محصول جدید یکپارچه‌سازی پیوسته که به شما امکان می‌دهد قبل از شروع به تولید، Lighthouse را در هر commit اجرا کنید. Lighthouse CI چندین بار Lighthouse را اجرا می‌کند، ممیزی استاتیک یا آستانه‌های متریک را بیان می‌کند و سپس گزارش‌های Lighthouse را برای تفاوت بصری و تاریخچه امتیاز دسته‌بندی پایه در سرور آپلود می‌کند. پیکربندی‌های بودجه‌ای موجود .

گزارش فانوس دریایی CI.

Lighthouse CI از Travis CI ، Circle CI و GitHub Actions خارج از جعبه و هر سرویس CI اوبونتو یا کانتینری با برخی تنظیمات پشتیبانی می کند. می توانید سرور Lighthouse CI را در محل نصب کنید یا از یک تصویر داکر برای راه اندازی فوری استفاده کنید. ذخیره سازی رایگان، عمومی و موقت گزارش Lighthouse به عنوان جایگزینی برای شروع فوری در دسترس است.

به زودی: به روز رسانی امتیاز عملکرد

تغییراتی در امتیاز عملکرد Lighthouse نسخه 6 در راه است! در نسخه 5 (از نوامبر 2019)، لایت‌هاوس دارای پنج معیار است که برای تشکیل امتیاز عملکرد 0-100 وزن و ترکیب می‌شوند: First Contentful Paint ، Speed ​​Index ، First Meaningful Paint ، Time to Interactive و First CPU Idle .

مقایسه فرمول های امتیاز عملکرد Lighthouse در نسخه های 5 و 6.

برای اطلاعات دقیق ، امتیاز عملکرد فانوس را ببینید.

در نسخه 6 Lighthouse، معیارهای جدید، بزرگترین رنگ محتوا (LCP) و زمان مسدود کردن کل (TBT) جایگزین First CPU Idle (FCI) و First Meaningful Paint (FMP) می شوند. وزن هر یک از پنج معیار برای تعادل بهتر مراحل مختلف بار و اقدامات تعاملی تنظیم می شود.

تیم Lighthouse همچنان در تلاش است تا اطمینان حاصل کند که تمام منحنی‌های امتیازدهی به‌خوبی تنظیم شده‌اند و معیارها بالغ و کاملاً آزمایش شده‌اند. آنها قصد دارند امتیاز عملکرد Lighthouse v6 را در ژانویه 2020 ارسال کنند.

بسته های پشته فانوس دریایی

Lighthouse می‌تواند به‌طور خودکار تشخیص دهد که آیا سایت‌ها از یک چارچوب یا یک سیستم مدیریت محتوا (CMS) استفاده می‌کنند و توصیه‌های خاص پشته را در گزارش درج می‌کند. بسته‌های پشته ، توصیه‌های سفارشی‌شده را اضافه می‌کنند که توسط کارشناسان جامعه (مثل شما!)، در بالای ممیزی‌های اصلی گزارش Lighthouse تنظیم شده‌اند.

توصیه گزارش Lighthouse برای به تعویق انداختن تصاویر خارج از صفحه در برنامه های React.

در حال حاضر، Stack Packs برای Angular، WordPress، Magento، React و AMP وجود دارد. برای ایجاد Stack Pack خود، از مخزن GitHub دیدن کنید یا با تیم Lighthouse تماس بگیرید .

به زودی: افزونه های Lighthouse به عنوان افزونه های کروم

نماد افزونه Lighthouse.

افزونه های Lighthouse راه دیگری است که می توانید از قابلیت توسعه Lighthouse بهره ببرید. بررسی‌های کیفی زیادی وجود دارد که ممیزی‌های اصلی Lighthouse در حال حاضر آنها را پوشش نمی‌دهند، یا به این دلیل که فقط برای زیرمجموعه‌ای از توسعه‌دهندگان قابل اجرا هستند یا اینکه تیم هنوز پهنای باندی برای ایجاد ممیزی نداشته است.

افزونه‌های Lighthouse به کارشناسان جامعه اجازه می‌دهند تا مجموعه جدیدی از بررسی‌ها را که Lighthouse می‌تواند اجرا کند و به عنوان یک دسته جدید به گزارش اضافه کند، پیاده‌سازی کنند. در حال حاضر، افزونه‌ها فقط در Lighthouse CLI کار می‌کنند، اما هدف فعال کردن اجرای آن‌ها در پنل DevTools Audits است.

پانل حسابرسی ابزارهای توسعه‌دهنده Chrome با گزینه‌هایی برای اجرای افزونه‌های Lighthouse برای تبلیغات Google Publisher و تجربه کاربری.
افزونه های انجمن در پنل حسابرسی DevTools (بتا)

وقتی کاربران افزونه‌های افزونه Lighthouse را از فروشگاه وب Chrome نصب می‌کنند، DevTools افزونه‌های نصب‌شده را شناسایی می‌کند و آن‌ها را به‌عنوان گزینه‌ای در پانل حسابرسی ارائه می‌کند. تیم Lighthouse در ماه‌های آینده از رویکرد افزونه پشتیبانی خواهد کرد، پس با ما همراه باشید. در همین حال، امروز می توانید یک پلاگین را به عنوان یک ماژول گره ایجاد کنید و از طریق CLI آن را برای همه کاربران Lighthouse در دسترس قرار دهید!

بیشتر بدانید

برای جزئیات بیشتر در مورد Lighthouse و دیگر به‌روزرسانی‌های ابزار عملکرد از CDS 2019، گفتگوی تکامل ابزار Speed ​​را تماشا کنید:

بازخورد شما برای بهتر کردن Lighthouse بسیار ارزشمند است، بنابراین ادامه دهید و Lighthouse CI را امتحان کنید، یک بسته پشته بنویسید، یا یک پلاگین Lighthouse ایجاد کنید و نظر خود را با ما در میان بگذارید .

،

آخرین به‌روزرسانی‌ها و اطلاعات آماری Lighthouse را از Chrome Developer Summit 2019 دریافت کنید.

الیزابت سوینی
Elizabeth Sweeny

در سخنرانی Speed ​​Tooling Evolutions در اجلاس توسعه‌دهندگان کروم (CDS)، من و پل آیریش جدیدترین محصولات و ویژگی‌های ارائه شده از Google را ارائه کردیم که می‌تواند به شما در ایجاد و حفظ یک تجربه فوق‌العاده سریع برای همه کاربرانتان کمک کند. در مرکز این داستان، ابزارهای نظارت بر عملکرد خانواده Lighthouse اضافه شده است.

انتشار آلفای فانوس CI

تیم Lighthouse نسخه آلفای Lighthouse CI را راه‌اندازی کرده است، محصول جدید یکپارچه‌سازی پیوسته که به شما امکان می‌دهد قبل از شروع به تولید، Lighthouse را در هر commit اجرا کنید. Lighthouse CI چندین بار Lighthouse را اجرا می‌کند، ممیزی استاتیک یا آستانه‌های متریک را بیان می‌کند و سپس گزارش‌های Lighthouse را برای تفاوت بصری و تاریخچه امتیاز دسته‌بندی پایه در سرور آپلود می‌کند. پیکربندی‌های بودجه‌ای موجود .

گزارش فانوس دریایی CI.

Lighthouse CI از Travis CI ، Circle CI و GitHub Actions خارج از جعبه و هر سرویس CI اوبونتو یا کانتینری با برخی تنظیمات پشتیبانی می کند. می توانید سرور Lighthouse CI را در محل نصب کنید یا از یک تصویر داکر برای راه اندازی فوری استفاده کنید. ذخیره سازی رایگان، عمومی و موقت گزارش Lighthouse به عنوان جایگزینی برای شروع فوری در دسترس است.

به زودی: به روز رسانی امتیاز عملکرد

تغییراتی در امتیاز عملکرد Lighthouse نسخه 6 در راه است! در نسخه 5 (از نوامبر 2019)، لایت‌هاوس دارای پنج معیار است که برای تشکیل امتیاز عملکرد 0-100 وزن و ترکیب می‌شوند: First Contentful Paint ، Speed ​​Index ، First Meaningful Paint ، Time to Interactive و First CPU Idle .

مقایسه فرمول های امتیاز عملکرد Lighthouse در نسخه های 5 و 6.

برای اطلاعات دقیق ، امتیاز عملکرد فانوس را ببینید.

در نسخه 6 Lighthouse، معیارهای جدید، بزرگترین رنگ محتوا (LCP) و زمان مسدود کردن کل (TBT) جایگزین First CPU Idle (FCI) و First Meaningful Paint (FMP) می شوند. وزن هر یک از پنج معیار برای تعادل بهتر مراحل مختلف بار و اقدامات تعاملی تنظیم می شود.

تیم Lighthouse همچنان در تلاش است تا اطمینان حاصل کند که تمام منحنی‌های امتیازدهی به‌خوبی تنظیم شده‌اند و معیارها بالغ و کاملاً آزمایش شده‌اند. آنها قصد دارند امتیاز عملکرد Lighthouse v6 را در ژانویه 2020 ارسال کنند.

بسته های پشته فانوس دریایی

Lighthouse می‌تواند به‌طور خودکار تشخیص دهد که آیا سایت‌ها از یک چارچوب یا یک سیستم مدیریت محتوا (CMS) استفاده می‌کنند و توصیه‌های خاص پشته را در گزارش درج می‌کند. بسته‌های پشته ، توصیه‌های سفارشی‌شده را اضافه می‌کنند که توسط کارشناسان جامعه (مثل شما!)، در بالای ممیزی‌های اصلی گزارش Lighthouse تنظیم شده‌اند.

توصیه گزارش Lighthouse برای به تعویق انداختن تصاویر خارج از صفحه در برنامه های React.

در حال حاضر، Stack Packs برای Angular، WordPress، Magento، React و AMP وجود دارد. برای ایجاد Stack Pack خود، از مخزن GitHub دیدن کنید یا با تیم Lighthouse تماس بگیرید .

به زودی: افزونه های Lighthouse به عنوان افزونه های کروم

نماد افزونه Lighthouse.

افزونه های Lighthouse راه دیگری است که می توانید از قابلیت توسعه Lighthouse بهره ببرید. بررسی‌های کیفی زیادی وجود دارد که ممیزی‌های اصلی Lighthouse در حال حاضر آنها را پوشش نمی‌دهند، یا به این دلیل که فقط برای زیرمجموعه‌ای از توسعه‌دهندگان قابل اجرا هستند یا اینکه تیم هنوز پهنای باندی برای ایجاد ممیزی نداشته است.

افزونه‌های Lighthouse به کارشناسان جامعه اجازه می‌دهند تا مجموعه جدیدی از بررسی‌ها را که Lighthouse می‌تواند اجرا کند و به عنوان یک دسته جدید به گزارش اضافه کند، پیاده‌سازی کنند. در حال حاضر، افزونه‌ها فقط در Lighthouse CLI کار می‌کنند، اما هدف فعال کردن اجرای آن‌ها در پنل DevTools Audits است.

پانل حسابرسی ابزارهای توسعه‌دهنده Chrome با گزینه‌هایی برای اجرای افزونه‌های Lighthouse برای تبلیغات Google Publisher و تجربه کاربری.
افزونه های انجمن در پنل حسابرسی DevTools (بتا)

وقتی کاربران افزونه‌های افزونه Lighthouse را از فروشگاه وب Chrome نصب می‌کنند، DevTools افزونه‌های نصب‌شده را شناسایی می‌کند و آن‌ها را به‌عنوان گزینه‌ای در پانل حسابرسی ارائه می‌کند. تیم Lighthouse در ماه‌های آینده از رویکرد افزونه پشتیبانی خواهد کرد، پس با ما همراه باشید. در همین حال، امروز می توانید یک پلاگین را به عنوان یک ماژول گره ایجاد کنید و از طریق CLI آن را برای همه کاربران Lighthouse در دسترس قرار دهید!

بیشتر بدانید

برای جزئیات بیشتر در مورد Lighthouse و دیگر به‌روزرسانی‌های ابزار عملکرد از CDS 2019، گفتگوی تکامل ابزار Speed ​​را تماشا کنید:

بازخورد شما برای بهتر کردن Lighthouse بسیار ارزشمند است، بنابراین ادامه دهید و Lighthouse CI را امتحان کنید، یک بسته پشته بنویسید، یا یک پلاگین Lighthouse ایجاد کنید و نظر خود را با ما در میان بگذارید .