מדוע האתר שלי עולה לאט?
שאלה זו עולה פעמים רבות בקרב בעלי אתרים המנסים לשפר את חוויית הגלישה באתריהם. מאמר זה ינסה לשפוך מעט אור על הסיבות העיקריות הגורמות לאיטיות בגלישה, בעדכון תכנים ובניווט בין עמודים.
ראשית נבין כיצד הדפדפן פועל.
לאחר שהוקלדה הכתובת ונלחץ מקש האנטר, מתחילה סדרה של פעולות שאורכות שבריר השניה המכוונות את הגולש לשרת שמתחיל "להזרים" תכנים. הדפדפן מפרש את התכנים הללו ומציג אותם על המסך עם הגדרותיהם השונות. באופן מעשי, לא נוכל לשלוט בפעולות שמבצע הדפדפן (אלא על ידי שדרוג הדפדפן או שימוש בדפדפן מהיר יותר) ולא נוכל לשלוט באופן פעולות השרתים - אך נוכל לשלוט על התכנים. למזלנו, התכנים הינם הגורם המשפיע במידה הרבה ביותר על מהירות הגלישה באתר.
בעת הכניסה לאתר, הגולש "מוריד" למחשבו את כלל התכנים שדף הבית הראשוני מציע לו - בין אם מדובר בבאנר שכולל אנימציה, תמונות, סרטון, קובץ מנגינה וכדומה. סך המשקלים של כל הפריטים בעמוד, בהנחה שמשקל הטקסט עצמו זניח, הוא בעצם משקל העמוד שעל הגולש להוריד. משקל גדול יכול להאט במידה ניכרת את מהירות עליית העמוד.
לאחר שהתוכן ירד למחשב הגולש הוא מתאחסן בתיקיית הקבצים הזמניים, והדפדפן עובר למלאכת ה"הרכבה" - פה הדפדפן עובר על כל הקוד, שורה שורה, ו"מצייר" את העמוד על המסך. בשלב זה נכנסת לתמונה בניית תכנים תקינה. יש לזכור להדביק תכנים "נקיים" (ניקוי על ידי שימוש בכפתור "הדבק טקסט נקי"), להסיר הגדרות עיצוב לפני ביצוע שינויים (כדי לא "לסרבל" את הקוד בשינוי-על-גבי-שינוי) ולשמור על אורך עמוד הגיוני (גם עבור הדפדפן וגם עבור הגולש, שלא סביר שיגלול עמוד ארוך אלא ימשיך לאתר הבא...). קוד תקין אמור להיות "קריא" יחסית עבור המשתמש גם ללא הבנה בקוד. קוד שנראה מסובך וכולל תגיות רבות שנפתחות ונסגרות - סביר כי יקשה על הדפדפן גם כן.
מספר טיפים:
- קיימים באינטרנט כלים רבים המסוגלים למדוד משקל של עמוד. ניתן לחפש בגוגל "website speed test" או ביטוי דומה ולבחון את התוצאות השונות.
- לא קשה למדוד את הנפח המועבר לגולש בגלישה. ניתן לראות מה גדלי הקבצים דרך ניהול הקבצים, ואת משקל הטקסט על ידי העתקת קוד המקור (לשים לב - לא המלל עצמו!) לפנקס הרשימות, שמירת קובץ הטקסט ובדיקת גודלו.
- רצוי לבדוק אתר עם מספר דפדפנים. דפדפנים מסויימים איטיים מאחרים, וכדאי מאוד לבצע השוואה בין מספר דפדפנים פופולריים כדי לגלות נקודות תורפה.
- מקובל לחשוב ששינוי גודל של תמונה על ידי הקטנתה משפיע על גודלה. מדובר בטעות נפוצה - תמונה ששוקלת מגהבייט תשקול מגהבייט גם אחרי שכווצה למימדים מזעריים. יש להשתמש בתוכנות או כלים ספציפיים העושים פעולת Resize או Resample כדי להוריד את משקל הקובץ.