העדכונים והתובנות האחרונים לגבי Lighthouse ממפגש הפסגה של מפתחי Chrome לשנת 2019.
בהרצאה בנושא Speed Tooling Evolutions בכנס Chrome למפתחים (CDS), פול אירלנד ואני הצגנו את המוצרים והתכונות החדשים ביותר שמגיעים מ-Google, שיכולים לעזור לכם לפתח ולתחזק חוויה מהירה במיוחד לכל המשתמשים. במרכז הסיפור מוצגות תוספות למשפחת הכלים למעקב אחר ביצועים, Lighthouse.
גרסת אלפא של Lighthouse CI
צוות Lighthouse השיק את גרסת האלפא של Lighthouse CI, של המוצר החדש לשילוב רציף, שמאפשר להפעיל את Lighthouse בכל התחייבות לפני המעבר לייצור. הכלי Lighthouse CI מפעיל את Lighthouse כמה פעמים, מצהיר על ערכי סף סטטיים של ביקורות או מדדים, ואז מעלה את הדוחות של Lighthouse לשרת, כדי לאפשר הבחנה חזותית והיסטוריית ציונים בסיסית של קטגוריות. ההגדרות הקיימות של Budgets.json פועלות בצורה חלקה לצד התחביר האקספרסיבי החדש, כדי להצהיר כל על תוצאת ביקורת או קטגוריה במסגרת Lighthouse.
![דוח Lighthouse CI.](https://web.dev/static/blog/lighthouse-evolution-cds-2019/image/lighthouse-ci-report-25b1458e58de9.png?authuser=0&hl=he)
מערכת Lighthouse CI תומכת ב-Travis CI, ב-Circle CI וב-GitHub Actions מהאריזה ובכל שירות CI מבוסס Ubuntu או קונטיינר עם הגדרות מסוימות. אתם יכולים להתקין את שרת Lighthouse CI באופן מקומי, או להשתמש בקובץ אימג' שלdocker להגדרה מיידית. אפשר להשתמש במקום זאת באחסון ציבורי זמני וחינמי של דוחות Lighthouse, שתוכלו להתחיל מיידית.
בקרוב: עדכונים לגבי ציון הביצועים
בקרוב נעדכן את ציון הביצועים של Lighthouse בגרסה 6. בגרסה 5 (החל מנובמבר 2019), ב-Lighthouse יש חמישה מדדים משוקללים ומעורבים כדי לקבוע את ציון הביצועים מ-0 עד 100: הצגת התוכן הראשון, אינדקס מהירות, המשמעות הראשונה של הגוון, הזמן עד לפעילות מלאה ו-ה-CPU Idle הראשון.
![השוואה בין הנוסחאות של ציון הביצועים של Lighthouse בגרסאות 5 ו-6.](https://web.dev/static/blog/lighthouse-evolution-cds-2019/image/comparison-lighthouse-pe-488df5972139f.png?authuser=0&hl=he)
למידע מפורט, אפשר לקרוא את המאמר ציון הביצועים ב-Lighthouse.
בגרסה 6 של Lighthouse, המדדים החדשים, LCP (המהירות שבה נטען רכיב התוכן הכי גדול (LCP)) וזמן החסימה הכולל (TBT), מחליפים את First CPU Idle (FCI) ו-First-meningful Paint (FMP). המשקולות של כל אחד מחמשת המדדים יותאמו כדי לאזן טוב יותר בין שלבים שונים של מדדי עומס ומדדי אינטראקטיביות.
צוות Lighthouse עדיין פועל כדי לוודא שכל עקומות הציון יכווננו, ושהמדדים עוברים בדיקות קפדניות. המטרה שלהם היא לשלוח את ציון הביצועים של Lighthouse גרסה 6 בינואר 2020.
מקבצים של Lighthouse
מערכת Lighthouse יכולה לזהות באופן אוטומטי אם אתרים משתמשים ב-framework או במערכת לניהול תוכן (CMS), ולכלול בדוח עצות ספציפיות למקבץ. במארזים אפשר להוסיף המלצות מותאמות אישית שנאספו על ידי מומחים מהקהילה (כמוכם!), וגם ביקורות מרכזיות של דוחות Lighthouse.
![יש המלצה לדוח של Lighthouse לדחייה של תמונות שלא מופיעות במסך באפליקציות React.](https://web.dev/static/blog/lighthouse-evolution-cds-2019/image/lighthouse-report-recomme-aa3fa998f1d3d.png?authuser=0&hl=he)
כרגע יש Stack Packs for Angular, WordPress, Magento, React ו-AMP. כדי ליצור Stack Pack משלכם, אתם מוזמנים להיכנס למאגר GitHub או לפנות לצוות Lighthouse.
בקרוב: יישומי פלאגין של Lighthouse כתוספים ל-Chrome
![סמל הפלאגין של Lighthouse.](https://web.dev/static/blog/lighthouse-evolution-cds-2019/image/lighthouse-plugin-icon-9256520652376.png?authuser=0&hl=he)
יישומי פלאגין של Lighthouse הם דרך נוספת לנצל את יכולת ההרחבה של Lighthouse. יש הרבה בדיקות איכות שביקורות הליבה של Lighthouse לא נכללות בשלב זה, כי הן רלוונטיות רק לקבוצת משנה של מפתחים, או כי לצוות עדיין לא היה רוחב פס ליצור את הביקורות.
יישומי הפלאגין של Lighthouse מאפשרים למומחים קהילתיים להטמיע קבוצה חדשה של בדיקות, ש-Lighthouse יכול להריץ ולהוסיף לדוח כקטגוריה חדשה. בשלב זה, יישומי פלאגין פועלים רק ב-Lighthouse CLI, אבל המטרה היא להפעיל אותם גם בחלונית Audits בכלי הפיתוח.
![חלונית הביקורת של כלי הפיתוח ל-Chrome עם אפשרויות להפעלת יישומי פלאגין של Lighthouse עבור מודעות של Google לבעלי תוכן דיגיטלי וחוויית המשתמש.](https://web.dev/static/blog/lighthouse-evolution-cds-2019/image/chrome-devtools-audits-pa-22f29f36658cd.png?authuser=0&hl=he)
כשמשתמשים מתקינים את תוספי הפלאגין של Lighthouse מחנות האינטרנט של Chrome, כלי הפיתוח יזהו את יישומי הפלאגין המותקנים ויציעו אותם כאפשרות בחלונית Audits. בחודשים הקרובים צוות Lighthouse יתמוך בגישה ליישומי הפלאגין, אז כדאי להמשיך להתעדכן. בינתיים, אפשר ליצור פלאגין כבר היום כמודול צומת, ולהפוך אותו לנגיש לכל משתמשי Lighthouse דרך ה-CLI!
מידע נוסף
לפרטים נוספים על Lighthouse ועדכונים אחרים לגבי כלים לשיפור הביצועים מ-CDS 2019, תוכלו לצפות בהרצאה על התפתחות הכלי המהירות:
המשוב שלכם עוזר לנו לשפר את Lighthouse, ולכן מומלץ לנסות את Lighthouse CI, לכתוב Stack Pack או ליצור פלאגין של Lighthouse ולספר לנו מה דעתכם.