למה האתר שלכם איטי — ומה זה באמת עולה לכם

אני איתי מ-E&M Studio, ואני רוצה לפרק לכם את הנושא הזה בלי ז'רגון — כי מהירות היא אחד הדברים הבודדים באתר שאפשר גם למדוד במספרים וגם לתקן.

הסיבות הנפוצות לאתר איטי

כשאני בודק אתר איטי, ברוב המקרים האשם הוא אחד (או כמה) מאלה:

• תבניות עמוסות. תבניות מוכנות רבות מנסות להתאים לכולם, ולכן טוענות המון קוד ופיצ'רים שאתם לא משתמשים בהם. כל שורת קוד מיותרת היא זמן טעינה.
• ערמת תוספים (plugins). כל תוסף שמוסיפים — צ'אט, פופ-אפ, גלריה, טופס — מוסיף משקל. שלושה-ארבעה תוספים לא נורא; חמישה-עשר תוספים חופפים הם עוגן על הרגליים של האתר.
• תמונות שלא הוקטנו. זו הבעיה הכי נפוצה והכי קלה לתיקון. תמונה שהועלתה ישר מהמצלמה יכולה לשקול כמה מגה-בייט. כשהעמוד צריך לטעון עשר כאלה, המבקר מחכה.
• אחסון חלש. שרת זול ואיטי מעכב כל בקשה. לפעמים אותו אתר בדיוק "מתעורר לחיים" רק ממעבר לאחסון טוב.
• חוסר אופטימיזציה בסיסית. קוד לא דחוס, גופנים כבדים, היעדר מטמון (cache) — פרטים קטנים שמצטברים.

מה זה באמת עולה לכם

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

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

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

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

אתם לא צריכים להאמין לי על המילה. גוגל נותנת כלי חינמי בשם PageSpeed Insights (בכתובת pagespeed.web.dev). מכניסים את כתובת האתר, ותוך דקה מקבלים ציון מ-0 עד 100, וגם פירוט מדויק של מה מאט את האתר ואיך לתקן.

הכלי מודד קבוצה של מדדים שגוגל קוראת להם Core Web Vitals. אלה הספים הרשמיים שכדאי להכיר:

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

שלושה תיקונים מהירים שאפשר לעשות כבר היום

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

1. הקטינו את התמונות. זה כמעט תמיד השיפור הכי גדול ביחס למאמץ. לפני שמעלים תמונה, הקטינו אותה לגודל שבו היא באמת מוצגת (עמוד לא צריך תמונה ברוחב 6,000 פיקסל), ושמרו אותה בפורמט מודרני כמו WebP. יש כלים חינמיים שעושים את זה בכמה קליקים.
2. פנו תוספים שאתם לא משתמשים בהם. עברו על רשימת התוספים ומחקו כל מה שלא נחוץ. כל תוסף פעיל טוען קוד — גם אם אף אחד לא רואה אותו. פחות תוספים, אתר קל יותר.
3. בדקו את האחסון. אם האתר איטי גם אחרי שני התיקונים הראשונים, ייתכן שהבעיה בשרת. מעבר לאחסון טוב יותר, או הפעלת מטמון (cache), יכולים לתת קפיצת מהירות מיידית בלי לגעת בכלום אחר.

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

איך נראה אתר מהיר

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

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

שורה תחתונה

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

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