הכרזה על Lighthouse 3.0

הלוגו של Lighthouse.

Lighthouse 3.0 זמין עכשיו 3.0 כולל ביקורות מהירות יותר, פחות שונות, ממשק משתמש חדש לדוחות, ביקורות חדשות ועוד.

איך מעדכנים לגרסה 3.0

  • CLI. מריצים את npm install -g lighthouse@next.
  • צומת. מריצים את npm install lighthouse@next.
  • תוסף ל-Chrome. התוסף אמור להתעדכן אוטומטית ל-3.0.
  • כלי הפיתוח ל-Chrome. Lighthouse 3.0 יהיה זמין ב-Chrome 69.

ביקורות מהירות יותר ופחות שונות

הכלי Lighthouse 3.0 מסיים את הבדיקות מהר יותר, עם פחות שונות בין הפעלות, הודות למספר שינויים:

  • סימולציה של ויסות נתונים. בעבר, מערכת Lighthouse הגבילה את הדף לפני הרצת ביקורות. ב-Lighthouse נעשה שימוש במנוע ביקורת פנימי חדש, בעל שם קוד, שמפעיל את הביקורות לפי ההגדרות הרגילות של הרשת והמעבד (CPU), ולאחר מכן מעריכה את משך הזמן שייקח לדף להיטען בתנאים של ניידים.
  • תקופות המתנה קצרות יותר. כדי לקבוע שטעינת הדף הסתיימה, צריך להמתין עד שלא תהיה פעילות ברשת ובמעבד (CPU). תקופת ההמתנה הזו קצרה יותר בגרסה 3.

ממשק המשתמש החדש של הדוחות

Lighthouse 3.0 כולל ממשק משתמש חדש ליצירת דוחות, הודות לשיתוף פעולה בין צוות Lighthouse וצוות חוויית המשתמש של Chrome (מחקר ועיצוב).

הרצת דוח Lighthouse 3 ב-Gmail
איור 1. דוח Lighthouse v3 פועל בדף 'מידע כללי' של Gmail

שינויי הפעלה

גרסת הצומת של Lighthouse תומכת עכשיו באותן אפשרויות הגדרה שזמינות בגרסת ה-CLI. יכול להיות שמדובר בשינוי שעלול לגרום לכשל, בהתאם לאופן שבו הגדרתם את המודול של Node Lighthouse בגרסה 2. למידע נוסף, עיינו בקטע שינויים בהפעלה.

שינויים בניקוד

ב-Lighthouse 3.0 מודל הציון משתנה בביקורות ביצועים. ציון של 50 מייצג את האחוזון ה-75, וציון מושלם של 100 מייצג את האחוזון ה-98, שהוא הנקודה של ירידה בתשואה.

ציון הביצועים הוא ממוצע משוקלל של ביקורות הביצועים. השקלול של הביקורות משתנה גם בגרסה 3.

שם הביקורת משקל v2 משקל v3
הצגת תוכן ראשוני (FCP) (חדש בגרסה 3) לא רלוונטי 3
הצגת התוכן העיקרי 5 1
מצב ראשון של חוסר פעילות במעבד (CPU) (אינטראקציה ראשונה בגרסה 2) 5 3
זמן עד לפעילות מלאה (אינטראקטיביות תמידית בגרסה 2) 5 5
מדד מהירות תפיסתית 1 לא רלוונטי
מדד המהירות לא רלוונטי 4
אומדן זמן האחזור של הקלט 1 0

בהמשך, Lighthouse v3 v3 Guide הוא מקור האמת לכל מה שצריך לדעת לגבי אופן הפעולה של הציון ב-Lighthouse v3.

פורמטים חדשים של פלט ושינויים

תמיכה בפלט CSV

עכשיו אפשר להפיק את תוצאות הדוח בפורמט CSV. כל שורה מכילה מידע ותוצאות של ביקורת אחת, כולל:

  • שם הקטגוריה שאליה שייכת הביקורת.
  • שם הביקורת.
  • תיאור של הביקורת.
  • סוג הציון של הביקורת.
  • ערך הניקוד.

שינויים בפלט ה-JSON

גרסה 3.0 כוללת שינויים רבים בפורמט הפלט JSON של Lighthouse. פרטים נוספים זמינים במדריך להעברת נתונים של Lighthouse בגרסה 3.

ביקורות חדשות

הצגת התוכן הראשוני (FCP)

למדוד את הזמן שבו התוכן של טקסט או תמונה מוצג לראשונה במסך המשתמש.

robots.txt אינו חוקי

עליכם לוודא שהקובץ robots.txt של האתר בפורמט הנכון כדי שבווטי חיפוש יוכלו לסרוק את האתר.

שימוש בפורמטים של וידאו בתוכן אנימציה

כדאי להחליף את קובצי ה-GIF בתגי video, לחיסכון פוטנציאלי עצום בגודל של קובצי וידאו.

למידע נוסף, אפשר לעיין במאמר החלפת קובצי GIF מונפשים בסרטונים.

הימנעות מנסיעות הלוך ושוב ויקרות מרובות לכל מוצא

כדי לשפר את ביצועי הטעינה, כדאי להוסיף מאפייני rel="preconnect" לתגי link, כדי לעדכן את הדפדפן ליצור חיבור למקור בהקדם האפשרי.

למידע נוסף, אפשר לעיין בקישור מראש.

בדיקת שינויים

אינטראקציה ראשונה ➡ ראשון של חוסר פעילות במעבד (CPU)

שם הביקורת First Interactive השתנה ל-First CPU Idle כדי לתאר טוב יותר איך היא פועלת. המטרה הכללית של הביקורת היא זהה. ניתן להשתמש בביקורת הזו כדי לבדוק מתי המשתמשים יכולים בפעם הראשונה ליצור אינטראקציה עם הדף שלכם.

מדד מהירות תפיסתית ➡ מדד המהירות

ב-Lighthouse 3.0, הביקורת של מדד המהירות התפיסתית נקראת עכשיו מדד המהירות. השינוי הזה נועד להבטיח התאמה בין Lighthouse לאופן שבו WebPageTest מודד את המדד הזה. מטרת הביקורת זהה, אבל המדד הבסיסי שונה מעט.