Lighthouse 8.4 זמין באופן מיידי בשורת הפקודה וב-Chrome Canary. הוא יגיע לגרסה היציבה של Chrome ב-Chrome 95 ויהיה זמין ב-PageSpeed Insights תוך שבוע.
כדי לנסות את Lighthouse Node CLI, משתמשים בפקודות הבאות:
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:
- אתם יכולים לדווח על בעיה או לשלוח משוב דרך מאגר Lighthouse GitHub.
- אפשר לפנות לצוות Lighthouse ב-Twitter @____lighthouse.