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