Lighthouse הוא כלי אוטומטי בקוד פתוח לשיפור האיכות של אפליקציות האינטרנט שלכם. אפשר להתקין אותו בתור תוסף ל-Chrome או להריץ אותו בתור כלי בשורת הפקודה של Node. כשנותנים ל-Lighthouse כתובת URL, הוא מפעיל על הדף מטר של בדיקות ולאחר מכן יוצר דוח שמסביר את רמת הביצועים של הדף ומציין אזורים שאפשר לשפר.
היום אנחנו שמחים להכריז על גרסה 1.5 של Lighthouse, גרסה גדולה עם יותר מ-128 בקשות תיקון (PR). גרסה 1.5 של Lighthouse כוללת כמה תכונות חדשות משמעותיות, ביקורות ותיקוני באגים רגילים. אפשר להתקין אותו מ-npm (npm i -g lighthouse) או להוריד את התוסף מחנות האינטרנט של Chrome.
ביקורות חדשות
בבדיקת השימוש ב-CSS מוצגים מספר כללי הסגנון שלא בשימוש בדף והחיסכון בעלויות או בזמן כתוצאה מהסרה שלהם:
בבדיקת התמונות האופטימיות מוצגות תמונות שלא בוצעה להן אופטימיזציה, והחיסכון בעלויות או בזמן כתוצאה מהאופטימיזציה שלהן:
בדיקת התמונות הגמישות מדווחת על תמונות גדולות מדי ועל החיסכון הפוטנציאלי בעלויות או בזמן שאפשר להשיג על ידי שינוי הגודל שלהן בצורה נכונה בהתאם למכשיר הנתון:
בבדיקת ההוצאות משימוש וההתערבות מפורטות אזהרות במסוף מ-Chrome, אם בדף שלכם נעשה שימוש בממשקי API שהוצאו משימוש או בתכונות עם התערבות:
דיווח על שינויים
כפי שראיתם, התמקדנו בהפחתת העומס החזותי בדוח על ידי הוספת נתונים בטבלאות, הסתרת טקסטי עזרה מיותרים והוספת תכונות חדשות שיעזרו לכם לנווט בנתונים בקלות.
הגדרות אמולציה
קל לשכוח אילו הגדרות של תיעול והדמיה שימשו להרצה מסוימת של Lighthouse. דוחות Lighthouse כוללים עכשיו את הגדרות ההדמיה בסביבת זמן הריצה ששימשו ליצירת הדוח. זוהי בקשה להוספת תכונה שנשלחה לפני זמן רב:
נתוני מעקב מועילים יותר
מדדי Lighthouse כמו 'הצביעה המשמעותית הראשונה', 'זמן לפעולה אינטראקטיבית' וכו', מוטמעים כמדדי User Timing ומוחזרים לנתוני המעקב שנשמרו עם הדגל --save-assets.
אם משתמשים בדגל --save-assets, עכשיו אפשר לשחרר את המעקב ב-DevTools או לפתוח אותו בתצוגת ציר הזמן של DevTools.
תוכלו לראות את המדדים העיקריים בהקשר של המעקב המלא אחרי טעינת הדף.
כלי הצפייה של Lighthouse
בדוחות HTML יופיע לחצן חדש עם אפשרויות לייצוא הדוח בפורמטים שונים. אחת מהאפשרויות האלה היא 'פתיחה ב'צפייה'. לחיצה על הלחצן הזה תשלח את הדוח לצפייה אונליין, שם תוכלו לשתף אותו עם משתמשי GitHub.
מאחורי הקלעים, הרשאת הצפייה מקבלת את ההרשאה שלכם דרך OAuth כדי ליצור gist סודי ב-GitHub ולשמור בו את הדוח. מכיוון שהדוח נוצר כ-Gist, יש לכם שליטה מלאה על השיתוף שלו ותוכלו למחוק אותו בכל שלב. אתם יכולים לבטל את ההרשאה של המשתמשים האלה ליצור גיסטים דרך ההגדרות של GitHub.
ניסוי בביצועים
הגרסה הראשונה של הפרויקט ניסוי ביצועים זמינה בגרסה 1.5.0. כך תוכלו להתנסות בביצועי טעינת הדף ולבדוק באופן אינטראקטיבי את ההשפעות של חסימה או השהיה של נכסים בנתיב הקריטי במהלך הפיתוח.
כשמפעילים את Lighthouse עם הדגל --interactive, נוצר דוח מיוחד שמאפשר בחירה אינטראקטיבית של משאבי דף יקרים. לאחר מכן, שרת הניסוי מפעיל מחדש את Lighthouse בדף הזה עם החסימה של המשאבים האלה.
מידע נוסף על הניסוי בביצועים ב-Lighthouse
מסמכים טכניים חדשים
לבסוף, עדכנו את המסמכים באתר developers.google.com/web/tools/lighthouse/ והוספנו מקורות מידע חדשים לבדיקות.
זה הכול לבינתיים!
כל הפרטים על הגרסה העדכנית ביותר של Lighthouse מפורטים בנתוני הגרסה המלאים ב-GitHub. כמו תמיד, אתם יכולים לפנות אלינו כדי לדווח על באגים, לבקש תכונות חדשות או לשלוח לנו רעיונות למה שתרצו לראות בהמשך.