מהירות אתר: למה היא חשובה ואיך בודקים אותה נכון

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

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

למה מהירות האתר חשובה לעסק

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

איך בודקים מהירות אתר ב־PageSpeed Insights

הכלי הבסיסי והחינמי הוא PageSpeed Insights של גוגל. מדביקים כתובת, מחכים כחצי דקה, ומקבלים שני סוגי נתונים שחשוב להבדיל ביניהם:

נתוני שטח: מה שגולשים אמיתיים חוו

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

נתוני מעבדה: סימולציה של טעינה אחת

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

מה אומרים המדדים LCP, INP ו־CLS

שלושת מדדי Core Web Vitals נשמעים מסובך, אבל כל אחד מהם עונה על שאלה פשוטה:

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

אחרי שהאתר מחובר ל־Search Console, יש שם דוח Core Web Vitals שמראה לאורך זמן אילו עמודים בעייתיים. איך מחברים, תמצאו במדריך Google Search Console למתחילים.

מה בדרך כלל מאט אתר של עסק

אחרי שבודקים לא מעט אתרים של עסקים קטנים, אותם חשודים חוזרים שוב ושוב:

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

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

איך משפרים מהירות אתר: צעדים מעשיים

• דחסו תמונות והמירו אותן לפורמטים מודרניים כמו WebP או AVIF, והגדירו לכל תמונה רוחב וגובה כדי למנוע קפיצות.
• טענו תמונות שנמצאות נמוך בדף רק כשהגולש מתקרב אליהן (lazy loading). את התמונה הראשית למעלה דווקא טענו מיד.
• עברו על רשימת התוספים והסקריפטים ומחקו כל מה שלא משרת מטרה ברורה.
• הגבילו את מספר הגופנים ומשקלי הגופן.
• הגישו את האתר מרשת CDN, כלומר משרתים קרובים לגולש. על האפשרות הזו בפירוט תוכלו לקרוא במאמר על אחסון אתר על Cloudflare.
• אחרי כל שינוי בדקו שוב, באותה כתובת ובמובייל, כדי לראות אם באמת השתפר.

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

מתי מהירות היא לא הבעיה

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