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