למה האתר שלכם איטי — וחמישה תיקונים שמשנים את המספרים

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

מה נמדד בפועל

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

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

חמשת החשודים המיידיים

תמונות בגודל שגוי

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

גופנים שחוסמים ציור

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

סקריפטים של צד שלישי

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

יותר מדי תוספים שעושים אותו דבר

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

היעדר מטמון

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

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

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

שורה תחתונה

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