שלום לכולם!!!

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

אז לעניינו (קידום אתרים וכאלה.. ), מזמן רציתי לכתוב על הפרמטר שתופס תאוצה מיום ליום : זמן (או מהירות) טעינת האתר. ועכשיו הפלטפורמה שגוגל שלנו השיקה Page Speed Online רק הגבירה לי את המוטיבציה..מה שכן, אני וקוד ומילים כמו CSS ו PHP פחות מתחברים..תנו לי תגיות פשוטות של HTML ואני מבסוטה.

בכל מקרה, עדין היה לי חשוב, כן לתת במה לנושא הזה, ובצורה הכי מקצועית שיש. לכן פניתי לידיד טוב שלי יוסי ג'אנה בעל הבלוג הפופלארי http://www.webist.co.il והעברתי את העניין לטיפולו, עם "נ.ב , דחוף ביותר!!".

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

מה זה Page Speed?

Page Speed הוא כלי לבדיקת מהירות או יותר נכון דף html שמגיע מהשרת לדפדפן. הכלי מאוד שימושי ונפוץ בדפדפן של Firefox וכעת ניתן להתקין אותו גם בכרום באמצעות תוסף שניתן להוריד בקישור הבא: PageSpeed

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

קישור: Page Speed Online

Page Speed Online הוא כלי או יותר נכון שירות חדש מבית גוגל לבדיקת רינדור האתר וקצב עלייתו. באמצעות הבדיקה של פייג' ספיד אונליין ניתן לקבל תמונת מצב ודו"ח של שיפורים שמומלצים ליישום באתר. בנוסף, אנחנו יכולים לקבל ציון על האתר שלנו שנעה בין – 0 – ל 100 נקודות.

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

יש שני סוגי קבצים שרובנו משתמשים:

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

קבצים שאין לנו עליהם שליטה וככל הנראה גם לא יהיה בעתיד.

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

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

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

קבצים שעליהם יש לנו שליטה:

אלו קבצים, שאנחנו יכולים לשנות ולעשות עליהם אופטימיזציה. לדוגמה, במידה ויש לנו מספר קבצי Css באתר, אנחנו יכולים לייחד אותם לקובץ אחד בלבד וכך לחסוך משלוח בקשות באמצעות דפדפן לשרת לקבלת מספר קבצים. למשל, במידה ויש לי 3 קבצי Css, הדפדפן שולח 3 בקשות נפרדות לקבלת קבצים, שכל מענה לוקח את הזמן שלו בשרת שבו האתר מאוחסן. ולכן, אם שיטת האופטימיזציה של הקבצי Css וקבצי Javascript ניתן להגדיל את מהירות טעינת האתר משמעותית. כמובן זה לא הכל וניתן לעשות עוד הרבה, מאופטימיזציה של תמונות באתר ועד ליצירת תמונות עם CSS sprites מה שיאפשר טעינת תמונה אחת עם מספר תמונות בתוכו, מה שיכול לחסוך זמן טעינה של האתר משמעותית ובמקרים רבים זה יכול להגיע ל 50% חיסכון, שזה מספר משמעותי.

סיכום: הכלי של Page Speed Online יכול לעזור לקבל מידע שימושי ודו"ח לשיפור ביצועים לצורך הגברת טעינת האתר, והמלצות כמו שימוש בדחיסה של הקבצים באמצעות Gzip, להשתמש ב Zlib באתרים שנבנו באמצעות שפת PHP ועוד. השמיים הם הגבול, אבל הכי חשוב זה לקחת את הדברים בידיים, לשפר אותם כל הזמן ולהגיע לתוצאה שאליו רציתם להגיע. כל השאר לא חשוב. כל עוד, קיבלתם את המהירות הטעינה הרצויה, והגולשים נהנים באתר שלכם, אין צורך לבצעה שינוים ולהסתכל על סטטיסטיקות שונות כי המרדף לא יגמר אף פעם.

אז זהו זה

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