050-7919103
עיצוב גרפי ומיתוג | עיצוב ובניית אתרים
למה האתר שלי לא זז
משך הזמן שלוקח לאתר להטען בדפדפן וכן משך הזמן שלוקח לגלוש בין דפי האתר השונים הוא קריטי.
החשיבות מתרכזת בשני אספקטים עיקריים:
חווית משתמש - לאף גולש אין זמן וכוח לחכות יותר משניות ספורות עד שאתר אליו הוא גולש יעלה. לכן, אתרים שלוקח להם זמן רב לעלות, יסבלו מאחוזי נטישה גבוהים מאוד וכל התוכן האיכותי והעיצוב המיוחד לא ממש ישנה, כי אף אחד לא ממש ייחשף אליו. גם גלישה בדפים פנימיים צריכה להיות מהירה על מנת לא לייאש את הלקוחות הפוטנציאלים שלנו.
מנועי חיפוש - ישנה חשיבות רבה למהירות טעינת האתר בדפדפן בעיני מנועי החיפוש. אתרים שעולים מהר יקבלו ציון טוב יותר לעומת אתרים שעולים לאט (בקטגוריה הספציפית הזו) והדבר עשוי בהחלט להשפיע לטובה על דירוג האתר במנוע החיפוש. יש כמובן לבדוק את נושא המהירות גם במובייל, גם במקרים בהם מדובר על אתר רספונסיבי, מותאם מובייל או אתר מובייל נפרד לחלוטין.
מהירות טעינת האתר מושפעת מגורמים רבים כגון:
-
איכות שרת האכסון והתאמתו לסוג האתר ולפלטפורמה בה הוא בנוי וכן מיקומו לעומת הקהל הגולש בו.
-
כמות המדיה (תמונות, וידאו) הקיימת באתר וסוג האופטימיזציה שבוצעה לה (כגון משקל תמונות).
-
כמות אלמנטים שנעשה בהם שימוש (פלאגינים, סקריפטים, אפליקציות, פונטים).
-
שימוש בכלי מטמון כגון cache,CDN.
לכן, ברור כי את מהירות טעינת האתר יש לקחת בחשבון כבר משלב תכנון האתר דרך בנייתו.
האתר בכל זאת עולה לאט מידי, איך מתחילים לבדוק למה?
כלי נחמד וחינמי להתחיל איתו על מנת לבצע אנליזה לאתר הוא webpagetest הנמצא בכתובת http://www.webpagetest.org/
הכלי מבצע סימולציה של גלישה לאתר ונותן דוח מפורט על שלבי טעינת האתר מרגע הקשת כתובת הדומיין ועד לטעינה מליאה.
הרצת אנליזה על האתר:
-
במסך הכניסה, תחת test location נוכל לבחור את מיקום הגולש.
תחת browser, נוכל לבחור סימולציה בדפדפנים שונים כולל מכשירי מובייל.
לצורך העניין, נשאיר את הגדרות ברירת המחדל.
2. תחת Enter a website url נכניס את כתובת האתר שלנו ונקיש על start test.
מה רואים בדוח?
3. בסיום האנליזה יופיע דו"ח מפורט על האתר אשר בראשו יופיע מעין dashboard שמציג בצורה מאוד ברורה אלו בעיות קיימות בצורה של צבעים ואותיות.
למשל במקרה שלנו, קיבלנו ציון F (גרוע) עבור first byte time וכן עבור compress images וציון טוב (A) עבור שאר הפרמטרים.
4. first byte time - אומר תוך כמה זמן נוצר קשר עם שרת האכסון והתחיל לזרום ממנו מידע ל-client משמע, הדפדפן של הגולש.
בבדיקת נתוני הטבלה שקיבלנו, רואים כי סך טעינת האתר לקחה 13.2 שניות, מתוכם 3.16 שניות עד שנוצר קשר עם השרת. זה יכול להצביע על מיקום שרת בעייתי יחסית לקהל היעד, איכות ירודה של אכסון, בעיות רשת ועוד.
5. פרמטר נוסף שקיבלנו בו ציון גרוע הוא compress images.
אם נגלול מטה בדו"ח, נוכל לראות בברור כי 93% מכמות המידע הנטענת לדפדפן היא מדיה מסוג תמונות. הבדיקה מצביעה כי התמונות לא עברו קומפרסיה ושוקלות הרבה מידי לעומת כמה שיכלו לשקול אם היו עוברות טיפול.
במקרה זה היה כדאי להוריד משקל מהתמונות לפני שמעלים אותן לאתר, או במקרה וכבר העלינו אז ניתן להשתמש בכלים אשר מכווצים את התמונות על השרת עצמו כגון tinypng ,wp smush ועוד.
לסיכום, webpagetest הוא כלי חינמי ומעולה העוזר לנו להבין מה משפיע על מהירות טעינת האתר ומכיל בתוכו פירוט רב מאוד (אנו נגענו רק על קצה המזלג) שעוזר לנו לשפר מהירות זו.
בקיצור מומלץ!