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