Lighthouse הוא כלי לבדיקת אתרים שעוזר למפתחים לקבל הזדמנויות וניתוחים כדי לשפר את חוויית המשתמש באתרים שלהם.
Lighthouse 9.0 זמין מיד בשורת הפקודה, ב-Chrome Canary וב-PageSpeed Insights. הוא יגיע לגרסה יציבה של Chrome בגרסה 98.
שינויים ב-API
רוב המשתמשים לא אמורים להיתקל בשינויים בתהליך העבודה בגרסה הזו. אם מריצים ביקורות מותאמות אישית של Lighthouse או משתמשים בכלים שתלויים בפרטים עמוקים בדוח JSON של Lighthouse, ייתכן שיש שינויי תוכנה מסוימים בגרסה 9.0 שצריך לשים לב אליהם.
אפשר למצוא את רשימת השינויים המלאה ביומן שינויים 9.0.
Lighthouse תהליכים של משתמשים
ב-Lighthouse יש ממשק API חדש של User-flow שמאפשר לבצע בדיקות מעבדה בכל שלב במהלך החיים של דף.
האופרטור 'puppete' משמש לטעינת דפים ולהפעלת אינטראקציות של משתמשים סינתטיים. אפשר להפעיל את Lighthouse במספר דרכים כדי לקבל תובנות חשובות במהלך האינטראקציות האלה. כלומר, ניתן למדוד את הביצועים גם במהלך טעינת הדף וגם במהלך אינטראקציות עם הדף.
מידע נוסף זמין במדריך בנושא תהליכים של משתמשים ב-Lighthouse ובדוגמאות קוד.
רענון דוח
בוצע רענון של הדוח Lighthouse כדי לשפר את הקריאוּת ולהבין את מקור הדוח ואת אופן ההרצה שלו.
צילום מסך סופי הוטמע בחלק העליון של הדוח, כדי שיהיה ברור במבט חטוף אם הדף שנבדק נטען כראוי בפורמט הצפוי.
שינינו גם את העיצוב של המידע המסכם שבתחתית הדוח כדי להמחיש טוב יותר את אופן ההפעלה של Lighthouse ואת נתוני הדוח.
כדי לראות את הדוח החדש בפעולה, אפשר לנסות את Lighthouse 9.0 או לעיין בדוח לדוגמה הזה.
רכיבי נגישות קשורים
בעיית נגישות נפוצה היא מצב שבו פריטים שאמורים להיות ייחודיים בדף אינם ייחודיים. למשל, אם המזהה שמוזכר במאפיין aria-labelledby נמצא בשימוש במספר רכיבים.
מערכת Lighthouse תמיד סיפקה אזהרה לגבי מצב זה, אך הרשימה כללה רק את המופע הראשון של רכיב עם מזהה חוזר. מצב זה גרם לבלבול לעיתים קרובות, מפני שחלק מהמשתמשים מניחים שמוצגים בו כל הרכיבים שגורמים לבעיה. ב-Lighthouse הוצג רק רכיב אחד, ההנחה הייתה שמדובר בבאג שהרכיב היחיד סומן ככפילות.
בגרסה Lighthouse 9.0, כל הרכיבים שמשתפים את המזהה הזה מופיעים עכשיו:
"צמתים קשורים" הפונקציונליות מסופקת על ידי axe-core, כך שהיא עשויה להופיע גם בביקורות אחרות בנושא נגישות.
מידע נוסף זמין במאמרים בנושא בעיות באיסוף דוחות משתמשים ובקשה לשליפת הטמעה.
מגדלור פועל
Lighthouse זמין בכלי הפיתוח ל-Chrome, ב-npm (כמודול Node וב-CLI) וכתוסף לדפדפן (ב-Chrome וב-Firefox). הוא מפעיל שירותים רבים של Google, כולל web.dev/measure ו-PageSpeed Insights.
כדי לנסות את ה-CLI של Lighthouse Node, משתמשים בפקודות הבאות:
npm install -g lighthouse
lighthouse https://www.example.com --view
פנייה לצוות של Lighthouse
כדי לדון בתכונות החדשות, בשינויים בגרסה 9.0 או בכל נושא אחר שקשור ל-Lighthouse:
- ניתן לדווח על בעיה או לשלוח משוב דרך הכלי למעקב אחר בעיות ב-Lighthouse GitHub.
- אפשר לשאול שאלות בפורומים לדיון של Lighthouse ב-GitHub.
- אתם יכולים ליצור קשר עם צוות Lighthouse ב-Twitter @____lighthouse.