מהירות אתר: מאבחנים את הסיבה ומתקנים אותה בקוד

למה מהירות אתר משפיעה על פניות ועל גוגל?

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

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

מה גורם לאתר איטי?

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

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

איך מודדים מהירות אתר בלי להטעות את עצמכם?

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

• נתוני שטח מדוח חוויית המשתמש של Chrome, שמופיעים ב-PageSpeed Insights ובכלי החיפוש של גוגל
• נתוני מעבדה מבדיקה מבוקרת, שמראים מה מעכב את הטעינה ברמת הקובץ הבודד
• LCP מודד מתי מופיע הרכיב הגדול בחלק העליון של העמוד
• INP מודד כמה מהר העמוד מגיב ללחיצות ולהקלדה
• CLS מודד כמה התוכן זז על המסך בזמן הטעינה
• עמודי מפתח כמו עמודי שירות, מוצרים ודפי נחיתה, ולא רק דף הבית

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

מה כולל תהליך שיפור מהירות אתר?

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

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

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

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

מתי שיפור מהירות לא מספיק ועדיף לבנות מחדש?

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

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

איך שומרים על אתר מהיר לאורך זמן?

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

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