Lighthouse 8.4 זמין באופן מיידי בשורת הפקודה וב-Chrome Canary. הוא נוחת בגרסה היציבה של Chrome ב-Chrome 95 וזמין ב-PageSpeed Insights תוך שבוע.
כדי לנסות את ה-CLI של Lighthouse Node, משתמשים בפקודות הבאות:
npm install -g lighthouse
lighthouse https://www.example.com --view
אפשר לראות את רשימת השינויים המלאה ביומן שינויים 8.4.
ביקורות חדשות
לא לטעון תמונות מסוג Largest Contentful Paint (LCP)
טעינה מדורגת של תמונות יכולה להיות דרך יעילה לעכב את הצגת התמונות שלא מופיעות במסך, כדי שהן לא יפריעו לטעינת התוכן שנמצא בחלק העליון והקבוע.
עם זאת, אם רכיב LCP של דף הוא תמונה, טעינה מדורגת יכולה להשפיע לרעה משמעותית על ה-LCP. ייתכן שהדפדפן יעביר את התמונה לתור ולאחזר משאבים אחרים קודם, במקום לתת עדיפות להורדת התמונה באופן מיידי. מחקר שנערך לאחרונה בנושא טעינה מדורגת ב-WordPress מצא שרמת ה-LCP יכולה להשתפר אפילו ב-15% באתרים מסוימים אם התמונות באזור התצוגה הראשוני לא נטענות.
מערכת Lighthouse תזהה עכשיו אם רכיב ה-LCP היה תמונה שנטענה באופן מדורג ותמליץ להסיר ממנה את המאפיין loading.
למידע נוסף, אפשר לעיין בקטע הצעה ראשונית ובקשת משיכה להטמעה.
יש להגדיר אזור תצוגה בנייד כדי לשפר את ההשהיה בקלט הראשון
הביקורת viewport הייתה חלק מהקטגוריה 'שיטות מומלצות' כבר שנים, אבל 8.4 קבלת עצה זו גם לקטגוריית הביצועים.
דפדפנים רבים לנייד תומכים ב'הקשה כפולה לשינוי מרחק התצוגה' כדי לאפשר למשתמשים להגדיל בקלות תוכן שלא מיועד למסך של נייד, כלומר תוכן ללא <meta name="viewport"> מפורש של המכשיר הנייד. בפועל, פירוש הדבר הוא שהדפדפן צריך להמתין 300 אלפיות השנייה לאחר הקשה של משתמש כדי לבדוק אם תתבצע הקשה שנייה, ובמהלך פרק הזמן הזה הדף לא יכול להגיב להקשה הראשונית. זה מתורגם לFID נכשל של כמה מאות אלפיות שנייה.
במחקר שנערך לאחרונה על נתונים מארכיון HTTP, יותר ממחצית מהאתרים שקיבלו ציון של 90 ומעלה ב-Lighthouse אבל נכשלו לפחות באחד ממדד הליבה לבדיקת חוויית המשתמש באתר, לא הוגדר אזור תצוגה לניידים והם לא קיבלו FID. לכן, אם לא נמצא אזור תצוגה בקטע הביצועים של Lighthouse, מומלץ להוסיף אזור תצוגה כמו בדוגמה הבאה:
<meta name="viewport" content="width=device-width">
לפרטים נוספים, אפשר לעיין בקטע בעיה בהצעה ובקשה למשיכה בהטמעה.
יצירת קשר עם הצוות של Lighthouse
כדי לדון בתכונות החדשות, בשינויים בגרסה 8.4 או בכל דבר אחר שקשור ל-Lighthouse:
- ניתן לדווח על בעיה או לשלוח משוב דרך מאגר GitHub של Lighthouse.
- אתם יכולים ליצור קשר עם צוות Lighthouse ב-Twitter @____lighthouse.