אתר איטי הוא אתר שלוקח לו יותר מדי זמן להופיע על המסך או להגיב ללחיצה. בזמן הזה אנשים מאבדים סבלנות, חוזרים אחורה ובוחרים במתחרה. אתר מהיר מראה את ההצעה מיד, הופך יותר מבקרים לפניות, ומקבל נקודה לטובתו גם בגוגל.
אנשים לא מחכים. אם האתר לא נפתח מהר, הם חוזרים אחורה ולוחצים על המתחרה.
נגיד שיש לכם חנות פרחים, ומישהו לחץ עכשיו על המודעה שלכם:
שלב 1
האתר עדיין נטען. הוא רואה מסך ריק או פס טעינה, ועוד לא יודע אם הגיע למקום הנכון. הוא רצה זר ליום הולדת של אמא, ויש לו עוד חמש דקות עד שהאוטובוס מגיע.
שלב 2
כל שנייה מרגישה ארוכה כשמחכים מול מסך ריק, במיוחד בטלפון, בדרך, עם קליטה לא מושלמת.
שלב 3
ועובר לחנות הפרחים הבאה ברשימה. הוא לא ראה את הזרים היפים שלכם, ולא יודע כמה אתם טובים.
שלב 4
בקמפיין משלמים על כל לחיצה, גם אם האתר לא הספיק להיפתח. אתר איטי שורף כסף בשקט, בלי שרואים את זה בדוח.
שלב 5
גוגל מודדת מהירות ונוחות במדדים שנקראים Core Web Vitals, ולפי גוגל המדדים האלה משמשים את מערכות הדירוג שלה. הם לא הכל, אבל כשיש כמה תוצאות טובות, חוויה טובה יכולה לעזור.
שלב 6
תמונות כבדות, יותר מדי תוספים וסקריפטים, ואחסון חלש. את כל אלה אפשר לתקן, ובדרך כלל בלי לבנות את האתר מחדש. בדרך כלל מתחילים מהתמונות, כי שם התיקון הכי פשוט ומהיר.
בקיצור: כל רגע של המתנה מבריח חלק מהאנשים. גם צוות web.dev של גוגל כותב שאתרים איטיים פוגעים בהכנסות, ושאתרים מהירים מעלים את יחס ההמרה.
מהיר ואיטי הן מילים של תחושה, ולכן כדאי למדוד. גוגל בודקת שלושה דברים: כמה מהר רואים משהו, כמה מהר הדף מגיב, והאם הוא קופץ בזמן הטעינה. היא פרסמה שלושה יעדים לחוויה טובה. אלה לא מספרים לדוגמה, אלה היעדים הרשמיים:
| מה מודדים | בשפה פשוטה | היעד של גוגל |
|---|---|---|
| LCP | תוך כמה זמן מופיע הדבר הכי גדול במסך | עד 2.5 שניות |
| INP | כמה מהר הדף מגיב ללחיצה | פחות מ-200 אלפיות שנייה |
| CLS | כמה הדף קופץ בזמן שהוא נטען | פחות מ-0.1 |
איך בודקים? מכניסים את כתובת האתר ל-PageSpeed Insights, הכלי החינמי של גוגל. לפי גוגל, הוא מראה נתונים של משתמשים אמיתיים מ-28 הימים האחרונים, בנפרד לנייד ולמחשב, וגם בדיקת מעבדה שמסבירה מה מאט את הדף.
מאיפה מתחילים? בדרך כלל מהתמונות. לפי גוגל, תמונה בפורמט WebP קטנה ב-25% עד 34% מתמונת JPEG באותה איכות. עוד טריק: טעינה עצלה, שבה תמונות בתחתית הדף נטענות רק כשמגיעים אליהן. את התמונה הראשונה בראש הדף לא טוענים ככה, כדי שתופיע מיד.
וחשוב לזכור את הצד השני: גוגל כותבת שהיא תמיד מחפשת את התוכן הכי רלוונטי, גם אם החוויה בדף לא מושלמת. מהירות לא תחליף תוכן טוב, אבל היא עוזרת לתוכן טוב לנצח. עוד על הקשר בין מהירות לקידום במדריך מהירות אתר וקידום.
1
מריצים את העמוד הראשי ועמוד שמקבל הרבה כניסות ב-PageSpeed Insights, ומסתכלים קודם על תוצאות הנייד. שם רוב הבעיות מתגלות.
2
ממירים ל-WebP, מקטינים לגודל שבו הן מוצגות בפועל, ומפעילים טעינה עצלה לתמונות שבהמשך הדף. זה בדרך כלל התיקון עם התוצאה הכי מהירה.
3
מוחקים תוספים שלא משתמשים בהם, מפעילים מטמון, ובודקים שהאחסון לא חלש מדי. על ההבדל בין אחסון טוב לחלש קראו בדומיין, אחסון ו-SSL בפשטות.
הרשימה שאנחנו עוברים עליה כשבודקים אתר איטי:
המילה הפשוטה למעלה, והמונח שתשמעו מאנשי שיווק מתחתיה.
כמה זמן עד שהדף מופיע
הזמן שעובר מהלחיצה ועד שהעמוד מוכן לשימוש.
המדדים של גוגל למהירות ונוחות
שלושה מדדים שגוגל משתמשת בהם כדי למדוד חוויה בעמוד: LCP, INP ו-CLS.
מתי מופיע הדבר הגדול
הזמן עד שהתמונה או בלוק הטקסט הגדול ביותר מופיע במסך.
כמה מהר הדף מגיב
הזמן מהלחיצה על כפתור ועד שהדף מראה שהוא הגיב.
כמה הדף קופץ
כמה דברים זזים במסך בזמן הטעינה, למשל כפתור שבורח כשעומדים ללחוץ.
להקטין תמונות בלי לפגוע במראה
שמירה של תמונה בפחות משקל, למשל בפורמט WebP.
עותק מוכן של הדף
גרסה שמורה של העמוד שנשלחת מהר, בלי לבנות אותה מחדש בכל כניסה.
תמונות שנטענות כשמגיעים אליהן
תמונות בהמשך הדף נטענות רק כשהמבקר גולל קרוב אליהן.
השרת שהאתר יושב עליו
המחשב שמחזיק את קבצי האתר ושולח אותם לכל מי שנכנס.
אתר שלוקח לו יותר מדי זמן להופיע או להגיב, כך שחלק מהמבקרים עוזבים לפני שראו את ההצעה.
מכניסים את הכתובת ל-PageSpeed Insights של גוגל. הוא מראה תוצאות לנייד ולמחשב, ומסביר מה מאט את העמוד.
כן, כחלק מחוויית הדף. גוגל כותבת שהמדדים האלה משמשים את מערכות הדירוג שלה, אבל גם שהרלוונטיות של התוכן קודמת. אתר מהיר עם תוכן חלש לא יעקוף אתר עם תוכן טוב.
בדרך כלל לא. תמונות, תוספים ומטמון פותרים הרבה. בנייה מחדש שווה בדיקה רק כשהבסיס של האתר עצמו כבד מאוד.
הדפדפן שלכם כבר שמר חלק מהקבצים, ואתם כנראה על אינטרנט מהיר. לקוח חדש בטלפון, בדרך, מקבל את האתר מאפס. לכן בודקים בכלי מדידה ולא לפי התחושה.
כן. אנחנו בודקים מה מאט אותו ומטפלים בתמונות, בתוספים ובהגדרות. שלחו לנו את הכתובת ונחזור אליכם.
באלי דיגיטל, בניית אתרים ושיווק דיגיטלי. שלחו לנו הודעה, ונחזור אליכם.
מה אנחנו עושים: בניית אתרים מהירים · קידום אתרים · מחירון