לאחר הכנסת Lighthouse לחיינו, מספר הקריטריונים לביצועים המשפיעים ישירות על נושאים כמו UX ו-SEO גדל. ההערכות שנעשו על ידי הסתכלות על כמה נקודות בדף בהגדרות הישנות של Google Pagespeed שופרו עם השיטות שפותחו על ידי מהנדסי גוגל במהלך השנים. במאמר זה ננסה לבחון כיצד מחושב ציון ה-Lighthouse.

החל משנת 2024, קריטריוני הביצועים עבור Lighthouse גרסה 10 הם כדלקמן:

  • צבע תוכן ראשון - 10%
  • מדד מהירות - 10%
  • הצבע המכיל הגדול ביותר - 25%
  • זמן חסימה כולל - 30%
  • שינוי פריסה מצטבר - 25%

החידוש המשמעותי ביותר בהשוואה לגרסה הקודמת, Lighthouse 5, הוא הוספת CLS (Cumulative Layout Shift). מדד זה, שהוכרז כקריטריון ביצועים חשוב עבור SEO החל מיוני 2024, עשוי להפוך לקריטי מאוד בשנים הקרובות.

 

lighthouse-tool.png

 

Lighthouse הכינה גם כלי שמראה לך מראש איזה סוג של ציון אתה יכול להשיג על ידי הזנת יעדי מהירות הדף שלך. אתה יכול לגשת ל כלי חישוב ציון Lighthouse כאן.

אם אתה שואל על אילו טווחי מספרים מבוסס קידוד הצבע, תוכל לבדוק את הטווחים למטה. לראות ירוק בהערכות אלה פירושו שהצלחת:

  • 0-49 (גרוע): Red
  • 50-90 (טעון שיפור): כָּתוֹם
  • 90+ (טוב): ירוק

הציונים משתנים עבור אתרים למובייל ולמחשב שולחני, אך כאשר התעבורה לנייד עולה על 75%, הערכות נעשות על סמך הציון לנייד.

אתה עלול להיתקל בתוצאות שונות בכל מבחן Lighthouse. כמה סיבות לכך כוללות מודעות וסוגי המודעות בדף, בדיקות A/B שנערכו בתוך האתר, שינויים מיידיים בתעבורת האינטרנט, ומצבים מיידיים שעלולים להתרחש בשרת.

הדרך הקלה ביותר לבצע בדיקת Lighthouse היא להשתמש בדפדפן Chrome. היכנס לתפריט "בדוק", לחץ על הכרטיסייה "מגדלור", ולאחר מכן לחץ על כפתור "צור דוח". החישוב, שייקח כ-8-10 שניות, נעשה על ידי התחשבות במכשירים ובמהירויות אינטרנט שונות.

מקור: https://web.dev/performance-scoring/