בדיקת מהירות אתר נשמעת פשוטה: מכניסים כתובת ומקבלים ציון. אבל אותו עמוד יכול לקבל ציון שונה בכל הרצה, וכלים שונים מודדים דברים שונים. כאן אני מסביר באילו כלים בודקים, למה הציון קופץ, ואיך מפיקים מהבדיקה מסקנה שאפשר לסמוך עליה.
אל תתנו למהירות לעכב אתכם. השאירו פרטים לשדרוג האתר.
באילו כלים בודקים
PageSpeed Insights
הכלי החינמי של גוגל, והמקום הראשון לבדוק. בחלק העליון הוא מציג נתונים של גולשים אמיתיים, אם יש לאתר מספיק תנועה, ובחלק התחתון בדיקה מדומה של טלפון בינוני עם רשת איטית, עם רשימת המלצות לשיפור.
Lighthouse בתוך Chrome
אותה בדיקה מדומה, אבל רצה מהמחשב שלכם. לוחצים F12, עוברים ללשונית Lighthouse ומריצים. היתרון הוא שאפשר להריץ שוב ושוב בלי מגבלת שימוש, ולבדוק גם עמודים שעוד לא פורסמו. התיעוד של Lighthouse מסביר כל אחת מהבדיקות שהוא מריץ.
לשונית הרשת
הכלי הכי פחות מוערך. היא מראה כל קובץ שהעמוד הוריד, כמה הוא שקל, מאיזה שרת הגיע וכמה זמן לקח. כשציון נמוך ולא ברור למה, כמעט תמיד התשובה נמצאת כאן: תמונה ענקית, סקריפט חיצוני איטי או קובץ שיורד פעמיים.
למה הציון משתנה בכל בדיקה
הרצתי את Lighthouse שלוש פעמים ברצף על דף הבית של האתר הזה, באותן הגדרות. הציונים יצאו 86, 93 ו-86, וזמן הופעת התוכן הראשי נע בין 3.1 ל-4 שניות. שום דבר באתר לא השתנה בין ההרצות.
בהרצה הראשונה השרת ענה אחרי 860 אלפיות שנייה, כי העמוד עוד לא היה שמור במטמון. בשתי האחרות הוא ענה אחרי 40. לכן בדיקת מהירות אתר אחת לא מספיקה: מריצים לפחות שלוש פעמים, ומסתכלים על הטווח ולא על מספר בודד.
נתוני מעבדה מול נתוני גולשים
הבדיקה המדומה היא הערכה. היא מדמה טלפון ורשת מסוימים, ומחשבת מה יקרה. לפי web.dev, הנתונים שלה יכולים להיות שונים מאוד ממה שגולשים חווים בפועל, לטובה או לרעה, ולכן היא טובה לאיתור בעיות ולא למדידת התוצאה הסופית.
נתוני הגולשים מגיעים מדוח של Chrome שאוסף מדידות ממשתמשים אמיתיים. הם מופיעים רק לאתרים עם מספיק תנועה. לאתר הזה, למשל, אין עדיין מספיק נתונים. פירטתי איך הדוח עובד במאמר על Chrome User Experience Report.
על מה להסתכל בדוח
הציון הכולל הוא סיכום, לא המטרה. חשובים יותר שלושת המדדים של גוגל: כמה מהר מופיע התוכן הראשי, כמה העמוד קופץ בזמן הטעינה, וכמה מהר הוא מגיב ללחיצה. כל אחד מהם נמדד בנפרד, ולכל אחד סף משלו.
מתחת למדדים יש רשימת הזדמנויות ואבחונים. כדאי לעבור עליה מהפריט שחוסך הכי הרבה זמן, ולבדוק כל המלצה לפני שמיישמים. חלק מההמלצות לא רלוונטיות לאתר מסוים, וחלק דורשות שינוי שעלול לשבור משהו אחר.
איך מפיקים בדיקה אמינה
בודקים את הכתובת הנקייה, בלי פרמטרים, כי פרמטרים בכתובת עוקפים לרוב את המטמון והבדיקה תראה שרת איטי יותר מהמציאות. בודקים בטלפון ולא רק במחשב, ובודקים כמה סוגי עמודים: דף הבית, מאמר, עמוד שירות או מוצר.
לפני כל שינוי שומרים את התוצאות, ואחרי השינוי מריצים שוב באותם תנאים. כך בדיקת מהירות אתר הופכת מציון אקראי למדידה של שינוי. אם השיפור קטן מהטווח שבין ההרצות, ייתכן שהוא בכלל לא שיפור.
שאלות ותשובות על בדיקות מהירות
איזה ציון נחשב טוב ב PageSpeed Insights?
ציון 90 ומעלה מסומן בירוק ונחשב טוב, בין 50 ל-89 בכתום. אבל אתר עם ציון 85 ומדדי Core Web Vitals ירוקים לגולשים אמיתיים במצב טוב יותר מאתר עם ציון 95 שהגיע אליו בהגדרות ששברו תפריטים או טפסים.
למה הציון בטלפון נמוך יותר מבמחשב?
כי הבדיקה בטלפון מדמה מעבד חלש ורשת איטית, והבדיקה במחשב לא. אותו עמוד, עם אותם קבצים, ייראה איטי בהרבה בדימוי של טלפון. רוב הגולשים מגיעים מטלפון, ולכן זה הציון שכדאי לשפר קודם.
האם GTmetrix ו Pingdom עדיין שימושיים?
כן, בעיקר בגלל תרשים הטעינה שלהם, שמראה את סדר הורדת הקבצים. אבל הם מודדים משרתים ובהגדרות אחרים, ולכן המספרים שלהם לא ישתוו לאלה של גוגל. עדיף לבחור כלי אחד ולהשוות רק מולו.
כמה זמן לוקח לראות שיפור בנתוני הגולשים?
נתוני הגולשים של Chrome מחושבים על פני 28 הימים האחרונים. לכן גם אחרי תיקון מוצלח, השיפור מופיע בהדרגה, ולוקח כחודש עד שהוא נראה במלואו. הבדיקה המדומה מראה את השינוי מיד.
הצעד הבא
קיבלתם ציון נמוך ולא ברור מאיפה להתחיל? שלחו לי את הכתובת. אריץ את הבדיקות כמו שתיארתי כאן, על כמה סוגי עמודים, ואגיד לכם מה באמת מאט את האתר ומה רק מוריד ציון.
