העדכונים והתובנות האחרונים לגבי 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 תומכת ב-Travis CI, ב-Circle CI וב-GitHub Actions מהאריזה ובכל שירות CI מבוסס Ubuntu או קונטיינר עם הגדרות מסוימות. אתם יכולים להתקין את שרת Lighthouse CI באופן מקומי, או להשתמש בקובץ אימג' שלdocker להגדרה מיידית. אפשר להשתמש במקום זאת באחסון ציבורי זמני וחינמי של דוחות Lighthouse, שתוכלו להתחיל מיידית.
בקרוב: עדכונים לגבי ציון הביצועים
בקרוב נעדכן את ציון הביצועים של Lighthouse בגרסה 6. בגרסה 5 (החל מנובמבר 2019), ב-Lighthouse יש חמישה מדדים משוקללים ומעורבים כדי לקבוע את ציון הביצועים מ-0 עד 100: הצגת התוכן הראשון, אינדקס מהירות, המשמעות הראשונה של הגוון, הזמן עד לפעילות מלאה ו-ה-CPU Idle הראשון.
למידע מפורט, אפשר לקרוא את המאמר ציון הביצועים ב-Lighthouse.
בגרסה 6 של Lighthouse, המדדים החדשים, LCP (המהירות שבה נטען רכיב התוכן הכי גדול (LCP)) וזמן החסימה הכולל (TBT), מחליפים את First CPU Idle (FCI) ו-First-meningful Paint (FMP). המשקולות של כל אחד מחמשת המדדים יותאמו כדי לאזן טוב יותר בין שלבים שונים של מדדי עומס ומדדי אינטראקטיביות.
צוות Lighthouse עדיין פועל כדי לוודא שכל עקומות הציון יכווננו, ושהמדדים עוברים בדיקות קפדניות. המטרה שלהם היא לשלוח את ציון הביצועים של Lighthouse גרסה 6 בינואר 2020.
מקבצים של Lighthouse
מערכת Lighthouse יכולה לזהות באופן אוטומטי אם אתרים משתמשים ב-framework או במערכת לניהול תוכן (CMS), ולכלול בדוח עצות ספציפיות למקבץ. במארזים אפשר להוסיף המלצות מותאמות אישית שנאספו על ידי מומחים מהקהילה (כמוכם!), וגם ביקורות מרכזיות של דוחות Lighthouse.
כרגע יש Stack Packs for Angular, WordPress, Magento, React ו-AMP. כדי ליצור Stack Pack משלכם, אתם מוזמנים להיכנס למאגר GitHub או לפנות לצוות Lighthouse.
בקרוב: יישומי פלאגין של Lighthouse כתוספים ל-Chrome
יישומי פלאגין של Lighthouse הם דרך נוספת לנצל את יכולת ההרחבה של Lighthouse. יש הרבה בדיקות איכות שביקורות הליבה של Lighthouse לא נכללות בשלב זה, כי הן רלוונטיות רק לקבוצת משנה של מפתחים, או כי לצוות עדיין לא היה רוחב פס ליצור את הביקורות.
יישומי הפלאגין של Lighthouse מאפשרים למומחים קהילתיים להטמיע קבוצה חדשה של בדיקות, ש-Lighthouse יכול להריץ ולהוסיף לדוח כקטגוריה חדשה. בשלב זה, יישומי פלאגין פועלים רק ב-Lighthouse CLI, אבל המטרה היא להפעיל אותם גם בחלונית Audits בכלי הפיתוח.
כשמשתמשים מתקינים את תוספי הפלאגין של Lighthouse מחנות האינטרנט של Chrome, כלי הפיתוח יזהו את יישומי הפלאגין המותקנים ויציעו אותם כאפשרות בחלונית Audits. בחודשים הקרובים צוות Lighthouse יתמוך בגישה ליישומי הפלאגין, אז כדאי להמשיך להתעדכן. בינתיים, אפשר ליצור פלאגין כבר היום כמודול צומת, ולהפוך אותו לנגיש לכל משתמשי Lighthouse דרך ה-CLI!
מידע נוסף
לפרטים נוספים על Lighthouse ועדכונים אחרים לגבי כלים לשיפור הביצועים מ-CDS 2019, תוכלו לצפות בהרצאה על התפתחות הכלי המהירות:
המשוב שלכם עוזר לנו לשפר את Lighthouse, ולכן מומלץ לנסות את Lighthouse CI, לכתוב Stack Pack או ליצור פלאגין של Lighthouse ולספר לנו מה דעתכם.