דוח Lighthouse נראה בפעם הראשונה כמו ים של ציונים, צבעים ורשימות. רוב מה שבו חשוב, אבל לא הכל באותה מידה. כאן אני מסביר איך הדוח בנוי, איך מחושב ציון הביצועים, ומה למדתי כשהרצתי אותו על מאמר מהאתר הזה, כולל ממצא אחד שלא ציפיתי לו.
אל תתנו למהירות לעכב אתכם. השאירו פרטים לשדרוג האתר.
מה יש בדוח
Lighthouse הוא כלי הבדיקה של גוגל. הוא רץ בתוך PageSpeed Insights ובתוך Chrome, טוען את העמוד בדימוי של טלפון בינוני עם רשת איטית, ומחזיר ציון בארבע קטגוריות: ביצועים, נגישות, שיטות עבודה מומלצות ו SEO. בגרסאות ישנות הייתה קטגוריה חמישית, PWA, והיא הוסרה.
הרצתי אותו על המאמר על font-display באתר הזה. הציונים: 85 בביצועים, ו-100 בנגישות, בשיטות עבודה ובקידום. שלוש הקטגוריות האחרונות הן רשימות בדיקה של כן ולא, ולכן קל יחסית להגיע בהן ל-100. ציון הביצועים הוא המורכב, וכדאי להבין איך הוא נבנה.
איך מחושב ציון הביצועים
הציון הוא שקלול של חמישה מדדים. לפי התיעוד של Lighthouse, זמן החסימה של העמוד שווה 30 אחוז, הופעת התוכן הראשי 25, קפיצות בעמוד 25, ההופעה הראשונה ומדד המהירות 10 כל אחד. כל מדד מומר לציון לפי השוואה לאתרים אמיתיים.
המשמעות המעשית: שיפור בזמן החסימה או בהופעת התוכן הראשי מזיז את הציון הרבה יותר משיפור בהופעה הראשונה. כשבוחרים מה לתקן קודם, מתחילים מהמדד הכי אדום עם המשקל הכי גבוה. הסברתי כל אחד מהמדדים במאמר על Core Web Vitals.
מה מצאתי בדוח של המאמר
השרת ענה לאט רק בפעם הראשונה
בהרצה הראשונה, הדוח הראה שהשרת ענה אחרי 3.1 שניות. דקה קודם ניקיתי את המטמון של האתר אחרי פרסום מאמרים, כך שהעמוד נבנה מאפס. בהרצה השנייה השרת ענה אחרי 80 אלפיות שנייה. ממצא כזה בדוח לא אומר שהשרת איטי, אלא שצריך להריץ שוב.
התוכן הראשי היה פסקה, לא תמונה
הדוח מציין איזה אלמנט נחשב לתוכן הראשי. במאמר הזה זו הפסקה הראשונה, ו-89 אחוז מהזמן שלה הוא עיכוב בהצגה, לא בהורדה. כלומר, הטקסט כבר הגיע ומחכה לפונט ולעיצוב. זה כיוון שאני בודק עכשיו, ולא הייתי מגיע אליו בלי הפירוט הזה בדוח.
רשימת המלצות שרובה זניחה
הדוח הציע 12 שיפורים. רובם חוסכים כמה קילובייטים, כמו 4 קילובייט בצמצום סקריפטים או 6 קילובייט בגודל תמונות. כדאי לקרוא את את ההמלצות בדוח Lighthouse לפי החיסכון המשוער, ולא לפי הסדר שבו היא מופיעה, ולהתעלם בשקט מפריטים שחוסכים מעט.
איך מפיקים דוח אמין
מריצים את Lighthouse כמה פעמים ומסתכלים על הטווח, כי הציון משתנה בין הרצות גם בלי שום שינוי באתר. ב Chrome מריצים בחלון גלישה בסתר, כדי שתוספים לא ישפיעו. פירטתי את השיטה המלאה במאמר על בדיקת מהירות אתר.
דוח Lighthouse הוא בדיקה מדומה. הוא מצוין למציאת בעיות, אבל הוא לא מה שגולשים חווים. אם לאתר יש נתוני גולשים אמיתיים, הם מופיעים מעל הדוח ב PageSpeed Insights, ובהם מסתכלים כדי לדעת אם השיפור הגיע לגולשים.
שאלות ותשובות על Lighthouse
למה הציון ב PageSpeed Insights שונה מהציון ב Chrome?
כי הבדיקה רצה ממחשב אחר, ברשת אחרת ובעומס אחר. גם הגדרות ההאטה שונות לפעמים. משווים תמיד באותו כלי ובאותם תנאים, ולא בין כלים שונים.
האם ציון 100 בביצועים הכרחי?
לא. מעל 90 הציון ירוק ונחשב טוב. המרדף אחרי 100 מוביל לפעמים להגדרות ששוברות תפריטים או טפסים. חשוב יותר שהמדדים עצמם יהיו ירוקים, ושהאתר יעבוד.
מה זה Total Blocking Time?
זה הזמן שבו המעבד היה עסוק בסקריפטים ארוכים, ולא יכול היה להגיב לגולש. הוא המדד עם המשקל הגבוה ביותר בציון, ובמאמר שבדקתי הוא היה אפס עד 10 אלפיות שנייה, כי רוב הסקריפטים נדחים עד אחרי הטעינה.
האם ציון SEO של 100 אומר שהאתר מקודם?
לא. הקטגוריה בודקת רק יסודות טכניים, כמו כותרת, תיאור וקישורים שאפשר לסרוק. היא לא בודקת תוכן, קישורים מאתרים אחרים או התאמה לחיפוש, שהם מה שקובע את הדירוג.
הצעד הבא
קיבלתם דוח מלא באדום ולא ברור מאיפה להתחיל? שלחו לי את הכתובת. אריץ את הדוח כמה פעמים, אסנן את ההמלצות שבאמת משנות, ואגיד לכם מה לתקן קודם.
