מאז Google I/O, השקענו מאמצים רבים כדי להפוך את Lighthouse לשותף נהדר ליצירת Progressive Web Apps:
- 50 contributors חדשים אישרו את הפרויקט
- נשלחו 15 פריטי תוכן
- נוספו כ-20 בדיקות ביקורת נוספות (כ-50 בסה"כ)
היום אנחנו שמחים להכריז על מהדורה 1.3 של Lighthouse. Lighthouse 1.3 כולל כמה תכונות חדשות וגדולות, ביקורות ותיקוני הבאגים הרגילים. אפשר להתקין אותו מ-npm (npm i -g lighthouse) או להוריד את התוסף מחנות האינטרנט של Chrome.
אז מה חדש?
עיצוב חדש
אם השתמשתם בגרסה קודמת של Lighthouse, אולי שמתם לב שהלוגו חדש! גם דוח ה-HTML והתוסף ל-Chrome עברו רענון מלא, עם הצגת ניקוד ברורה יותר ועקביות יותר בין תוצאות הביקורת. כמו כן, הוספנו מידע שימושי על תוצאות ניפוי באגים במקרים של כישלונות בבדיקה, והוספנו הסברים לפתרונות אפשריים.
שיטות מומלצות חדשות
עד כה, ב-Lighthouse התמקדנו במדדי ביצועים ובאיכות של אפליקציות PWA. עם זאת, מטרת הפרויקט היא לספק מדריך לכל הפיתוחים באינטרנט. תוכן זה כולל הדרכה על שיטות מומלצות כלליות, טיפים בנושאי ביצועים ונגישות, וכן עזרה מקצה לקצה ליצירת אפליקציות איכותיות.
Do Better Web הוא מאמץ במסגרת פרויקט Lighthouse שנועד לעזור למפתחים לעשות
טוב יותר באינטרנט. במילים אחרות, עזרו להם לחדש את אפליקציות האינטרנט שלהם ולבצע אופטימיזציה שלהן. לעיתים קרובות מפתחי אתרים משתמשים בשיטות עבודה מיושנות או בדפוסי התנהגות לא עדכניים או נתקלים בבעיות בביצועים ידועים, בלי להיות מודעים לכך. לדוגמה, ידוע לכולם שצריך ליצור אנימציות שמבוססות על JS צריך להשתמש ב-requestAnimationFrame() במקום ב-setInterval(). עם זאת, אם המפתח לא מודע לממשק ה-API החדש, אפליקציית האינטרנט שלו נפגעת שלא לצורך.
Lighthouse 1.3 כולל יותר מ-20 הצעות לשיטות מומלצות חדשות, החל מטיפים למודרניזציה של תכונות CSS ו-JavaScript ועד להמלצות לשיפור ביצועים כמו: "הפחתת מספר הנכסים שחוסמים את העיבוד", "שימוש ברכיבי event listener פסיביים לשיפור ביצועי הגלילה".
נמשיך להוסיף עוד המלצות במשך הזמן. אם יש לכם הצעות לשיטות מומלצות או שאתם רוצים לעזור לנו לכתוב ביקורת, תוכלו לדווח על בעיה ב-GitHub.
בעל הרשאת צפייה בדוחות
לבסוף, אנחנו שמחים להכריז על מציג אינטרנט חדש לקבלת תוצאות של Lighthouse. נכנסים לכתובת googlechrome.github.io/lighthouse/viewer, גוררים ומשחררים את הפלט של הרצת Lighthouse (או לוחצים כדי להעלות את הקובץ), ומסיימים. "Insta" דוח HTML של Lighthouse.
הכלי Lighthouse Viewer מאפשר גם לשתף דוחות עם אחרים. לחיצה על סמל השיתוף תכניס אתכם ל-GitHub. אנחנו שומרים דוחות כנתונים סודיים בחשבון, כדי שתוכלו למחוק בקלות דוח משותף או לעדכן אותו בהמשך. השימוש ב-GitHub לאחסון נתונים מאפשר גם ניהול גרסאות בחינם!
אפשר לטעון מחדש דוחות קיימים באמצעות Lighthouse Viewer על ידי הוספת הערך ?gist=GIST_ID לכתובת ה-URL:
לכל הפרטים העדכני ב-Lighthouse, תוכלו למצוא בנתוני הגרסה המלאים ב-GitHub. כמו תמיד, צרו איתנו קשר כדי לדווח על באגים, לשלוח בקשות להוספת תכונות או לבקש רעיונות לגבי השלבים הבאים שתרצו לראות.