זמן טעינת אתר ואיך הוא משפיע על חוויית המשתמש

זמן טעינת אתר הוא הזמן שעובר מהרגע שהגולש לחץ על קישור ועד שהעמוד מוכן לשימוש: התוכן הראשי מופיע, והכפתורים מגיבים. זה הרושם הראשון של האתר, והוא קובע אם הגולש בכלל יקרא את מה שכתבתם. כאן אני מסביר איך מודדים אותו נכון, למה כלי הבדיקה לפעמים מטעים, ומה נחשב טוב.

למה זמן הטעינה משנה את חוויית המשתמש

גולש לא מחכה. אם העמוד לבן אחרי שתי שניות, הוא חוזר לגוגל ובוחר תוצאה אחרת. לפי גוגל, ה BBC גילו שהם מאבדים עוד עשרה אחוזים מהגולשים על כל שנייה נוספת של טעינה, וחברת Vodafone ראתה עלייה של שמונה אחוזים במכירות אחרי ששיפרו את זמן הופעת התוכן הראשי.

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

מה בעצם מודדים כשמודדים מהירות טעינה

אין מספר אחד. הטעינה עוברת כמה שלבים, וגוגל מודדת את החשובים שבהם במדדים שנקראים Core Web Vitals. כדאי להכיר אותם, כי כל אחד מהם מתאר רגע אחר בחוויה של הגולש.

השרת עונה

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

התוכן הראשי מופיע

הרגע שבו האלמנט הגדול בראש העמוד, בדרך כלל תמונה או כותרת, מוצג במלואו. גוגל קוראת לו LCP, והיעד הוא עד 2.5 שניות. זה המדד שהכי קרוב לתחושה של הגולש שהעמוד נטען.

העמוד מגיב ונשאר יציב

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

למה כלי הבדיקה מראה זמן טעינה ארוך מהמציאות

הרבה בעלי אתרים נבהלים מהמספר האדום ב PageSpeed Insights. חשוב לדעת שבחלק העליון של הכלי, הבדיקה במעבדה, הזמן לא נמדד אלא מוערך: הכלי מדמה טלפון חלש ורשת איטית ומחשב כמה זמן היה לוקח.

מדדתי את זה על דף הבית של האתר הזה. בדיקת המעבדה העריכה שהתוכן הראשי מופיע אחרי 4.2 שניות. כשהרצתי את אותו עמוד בדפדפן Chrome אמיתי, עם האטה מכוונת של המעבד והרשת לרמה של טלפון בינוני, הוא הופיע אחרי 1.2 שניות.

הפער נובע מכך שההערכה מניחה שכל הקבצים בעמוד מתחרים על אותה רשת איטית, גם כאלה שבפועל נטענים אחרי שהתוכן כבר הוצג. המסקנה היא לא להתעלם מהבדיקה, אלא להשתמש בה לאיתור בעיות, ולשפוט את זמן טעינת האתר לפי נתונים של גולשים אמיתיים.

איך מודדים זמן טעינה אמיתי

אם לאתר יש מספיק תנועה, PageSpeed Insights מציג בחלק העליון נתונים של גולשים אמיתיים מ Chrome מ-28 הימים האחרונים. אלה המספרים שגוגל מסתכלת עליהם. באתרים קטנים החלק הזה ריק, ואז הבדיקה במעבדה היא הכלי היחיד, עם כל ההסתייגויות.

בדיקה פשוטה שכל אחד יכול לעשות: לפתוח את האתר בטלפון בחלון גלישה בסתר, בחיבור סלולרי ולא ב WiFi, ולשים לב מתי מופיע התוכן הראשי ומתי אפשר ללחוץ על התפריט. זה לא מדויק כמו כלי, אבל זו בדיוק החוויה של הלקוח. פירטתי עוד כלים במדריך לבדיקת מהירות אתרים.

מה נחשב זמן טעינה טוב

מה נמדד	טוב	צריך שיפור
הופעת התוכן הראשי	עד 2.5 שניות	מעל 4 שניות
תגובה ללחיצה	עד 0.2 שניות	מעל 0.5 שניות
קפיצות בעמוד	עד 0.1	מעל 0.25

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

שאלות ותשובות על מהירות טעינה

למה ציון PageSpeed שלי משתנה בכל בדיקה?

כי הבדיקה רצה בכל פעם על שרת אחר של גוגל, בעומס אחר, והאתר שלכם עונה בכל פעם בזמן קצת שונה. הפרשים של חמש עד עשר נקודות בין בדיקות הם רגילים. כדי להשוות לפני ואחרי שינוי, מריצים שלוש בדיקות בכל מצב ומסתכלים על הממוצע.

האם ציון 100 ב PageSpeed הכרחי?

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

מה מאט את הטעינה הכי הרבה?

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

האם זמן הטעינה במובייל שונה מהמחשב?

כן, ובדרך כלל הוא ארוך יותר. לטלפון יש מעבד חלש יותר וחיבור פחות יציב, ולכן אותו עמוד נטען בו לאט יותר. רוב הגולשים בישראל מגיעים מהטלפון, ולכן את המדידה החשובה עושים במובייל ולא במחשב.

הצעד הבא

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

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