מהירות טעינת אתר עם htaccess
מהירות טעינת האתר הוא אחד הפרמטרים החשובים ביותר מבחינת גוגל – וזה נכון כבר מתחילת 2010, כאשר רק בחודשים האחרונים עוד ועוד בעלי אתרים מתחילים להפנים ולהבין את חשיבות העניין מבחינת גוגל. לטובת בעלי אתרים שעדיין לא הפנימו את החשיבות של הפרמטר הזה בתוצאות החיפוש, גוגל מספקת כלי ייעודי בשם Page Speed שממחיש עד כמה איטי יכול להיות אתר כלשהו, ולחלופין עד כמה מהיר הוא יכול להיות.
פרט לכלים השונים שגוגל עצמה מספקת, אפשר למצוא באינטרנט לא מעט כלים שיעזרו לכם למדוד את ביצועי האתר שלכם, החל ממהירות טעינת האלמנטים השונים בעמוד כגון תמונות, קבצי CSS, JS ועד מהירות זמני התגובה של השרת ממקומות שונים בעולם. בעוד שמהירות טעינת העמוד הפך להיות גורם משמעותי, אחד המשמעותיים ביותר מבחינת קידום אתרים, לפחות בכל מה שקשור לאתר עצמו (On-Site), הדרך להשיג את המהירות הזו נותרה בגדר מסתורין עבור אנשים רבים – והיא מציפה נקודה קריטית עבור כל מי שבונה אתר חדש: באיזה פלטפורמה לבחור: מבוססת שרת וינדוז עם IIS וטכנולוגיית .NET, או מבוססת פלטפורמת LAMP, שהיא השילוב של מספר טכנולוגיות קוד פתוח: לינוקס, אפאצ'י, MySQL וכמובן PHP שהיא כיום שפת התכנות הנפוצה ביותר ברשת.
בניית אתר חדש מצריכה בראש ובראשונה בחירה בין שתי הטכנולוגיות האלה, בחירה שתשפיע על סוג האירוח שלכם ואיזה שרת לקנות, על עלויות התפעול והפיתוח העתידיות והשלכות נוספות. אם בחרתם בטכנולוגיה של מיקרוסופט, תמיד תיאלצו לעבוד קצת יותר קשה כדי להשיג תוצאות שמושגות בקלות רבה על ידי מי שבחר בפתרון בניית אתר מבוסס LAMP. רבות מהאופציות שנגישות בלינוקס ישיר מהקופסא, מתחבאות היטב בשרתים מבוססי וינדוז, ולמעשה אינן נגישות בכלל עבור מי שאין שרת ייעודי או לפחות VPS עם גישה ישירה ל: IIS.
איך זה קשור עם מהירות טעינת אתר? בגלל htaccess כמובן
קובץ htaccess הוא אחד הקבצים החזקים ביותר בלינוקס ושרתי מבוססי אפאצ'י, והוא מאפשר לבעלים אתרים (או אנשי קידום האתרים שלהם) לשלוט על מאפיינים רבים של השרת כגון יצירת הפניות 301 גורפות, יצירת כתובות שמחייבות קידומת WWW או שוללות אותה, יצירת כתובות URL בעברית וכן, גם הגדרת HTTP Headers – אותם פאקטים קטנים של מידע שנשלחים לדפדפן עוד לפני שהוא טוען את הדף בפועל ואומרים לו כיצד להתייחס אל הדף. קובץ כזה אינו זמין עבור שרתי וינדוז וההגדרות המקבילות אליו נעשות באמצעות קונסולת IIS אליה יש גישה רק למי שיש לו שרת ייעודי, בעוד שקובץ htacess זמין לכל אירוח מבוסס לינוקס ו-PHP, גם עם אחסון מינימאלי ב-50 ₪ לחודש. זה לא אומר שאחסון מבוסס LAMP הוא מושלם, אבל קובץ htacess כן הופך את החיים לקלים יותר עבור מקדמי אתרים, ואין מקום יותר נכון להוכיח את הטענה הזו מאשר במקרה של מהירות טעינת האתר.
בהקשר של גוגל, ישנם עשרות פרמטרים שמשפיעים על מהירות הטעינה, ובגדול הם מתחלקים לסוגים הבאים, לפי חלוקת העבודה שיש להם עבור מקדם אתרים:
- קלים לתיקון ויש להם חשיבות גבוהה
- קלים לתיקון ויש להם חשיבות מועטה
- קשים לתיקון ויש להם חשיבות גבוהה
- קשים לתיקון ויש להם חשיבות מועטה
דוגמא לסוג 1: שמירת קבצים בזיכרון המטמון של הדפדפן (Leverage Browser Cache) כדי שגולשים, כמו גם ספיידרים של מנועי חיפוש, לא יטענו ללא צורך קבצים סטאטיים בכל ביקור באתר, וכך יגבירו את מהירות הטעינה באופן משמעותי מהביקור השני והלאה.
דוגמא לסוג 2: טעינת קבצי CSS לפני טעינת קבצי JS. לפעמים מומלץ אפילו להוריד קבצי JS מצורפים לתחתית ה-HTML ולא לשים אותם בתוך תגיות <head></head>
דוגמא לסוג 3: בניית CSS Sprites במקום חלוקה של תמונה גדולה אחת למספר תמונות. זוהי טכניקה שמחליפה את טכניקת Image maps הוותיקה ב-HTML ונדרש עבורה ידע בסיסי ב-CSS וקצת מעבר לכך. לעבודה המשמעותית אחראית חברת בניית האתרים, ורובן עושות לעצמן חיים קלים ולרוב לא טורחות להתעדכן בטכנולוגיות קידום חדשות.
דוגמא לסוג 4: שילוב של מספר קבצי CSS או JS לקובץ חיצוני אחד, משימה שיכולה להיות מתמשכת, עם שלבי דיבאגינג רבים שלא בהכרח שווים את כמות העבודה מבחינת הגמול שיעניק גוגל. עיקר הבעיה נוגעת להגדרות חופפות במספר קבצים שונים.
דוגמא לקוד htaccess שיביא מידית לשיפור מהירות טעינת האתר
פיסת הקוד למטה היא דוגמא אחת מני רבות לאפשרויות שעומדות בפנינו לשיפור מהירות טעינת האתר. היא עושה דבר אחד בלבד: יוצרת זיכרון מטמון של האלמנטים הסטאטיים באתר כדי שלא ייטענו שוב בעת ביקור חוזר של הגולש באתר. מבחינת גוגל לפחות, זהו אחד הפרמטרים החשובים ביותר. זהו קוד גנרי, וישנם טובים ממנו ליצירת זיכרון מטמון בצד שרת, אבל בתור התחלה הוא אמור לעשות את העבודה עבור כל אתר שמשתמש בלינוקס ואפאצ'י.
פרמטר max-age מתייחס לכמות הזמן בה הדפדפן צריך לזכור את האלמנט הסטאטי והיא משתנה מאתר לאתר בהתאם לצרכים. בהתאם לסיומות הקבצים למטה תוכלו להבין לאיזה קבצים נשמר זיכרון המטמון.
כדי להבין איזה מספר אתם צריכים לשמור, בדקו באיזו תדירות משתנים האלמנטים הסטאטיים באתר שלכם ורשמו לנו תגובה.
# YEAR
<FilesMatch "\.(ico|gif|jpg|jpeg|png|flv|pdf)$">
Header set Cache-Control "max-age=29030400"
</FilesMatch>
# WEEK
<FilesMatch "\.(js|css|swf)$">
Header set Cache-Control "max-age=604800"
</FilesMatch>
# 45 MIN
<FilesMatch "\.(html|htm|txt)$">
Header set Cache-Control "max-age=86400"
</FilesMatch>
</IfModule>
בתמונה המצורפת של אתר סטאטי לא מבוסס וורדפרס או מערכת ניהול תוכן אחרת, הצלחנו לקבל את אחד הציונים הגבוהים מבין האתרים שלנו אי פעם.
גוגל Page Speed מספק כלים לבדיקת מהירות טעינת אתר או עמודים שלו
המטרה החשובה ביותר: הקטנת כמות הקריאות לשרת
כפי שגוגל ממליצה על טעינת קבצי CSS לפני טעינת קבצי JS, ולא ממליצה בלבד אלא יצרה את הקוד הא-סינכרוני החדש יחסית של גוגל אנליטיקס, ההמלצה המשנית היא הפחתת כמות הקריאות לשרת בעת טעינת העמוד, וזה אומר לטעון כמה שפחות תמונות, כמה שפחות קבצי CSS ואם כבר קוראים להם וטוענים אותם, לעשות את הכל מאותו מיקום ולא משרתים נפרדים. זו נקודה ששווה הרחבה נפרדת, אבל אני חושב שהפוסט הזה כבר בשלב זה די ממצה את העיקרון: להגיש לגולשים אתרים מהירים שנטענים בכמה שפחות זמן.
סיכום ומשאבים מהתחום
זוהי דוגמא פשוטה יחסית לשימוש בקובץ htaccess שרק באה להדגיש את העוצמה שלו בעולם קידום האתרים ואת החשיבות של היעזרות במקדמי אתרים מקצועיים בלבד, בוודאי בעולם בו גוגל מייחסת חשיבות כל כך גדולה למהירות טעינת העמוד או האתר.
הכלים הבאים יעזרו לכם לקבוע עד כמה מהיר, או איטי, האתר שלכם:
Page Speed Online
כלי של גוגל עצמה שיספק לכם המלצות כולל עצות מעשיות למימוש
http://pagespeed.googlelabs.com/
WebPagetest
אתר שגוגל עצמה ממליצה עליו, אולי מבחני טעינת האתרים המקיפים ביותר שיש כולל השוואות בין אתרים. מיועד למומחים בלבד.
כלים לבדיקת מהירות טעינת אתרים ממדינות שונות בעולם
פינגדום הוא אחד השירותים השימושיים ביותר לבעלי אתרים, כאשר הוא הכלי העיקרי שמוצע בחינם הוא בדיקת נפילות של שרת, או כמה זמן מאבד האתר לטובת תחזוקת שרת או בעיות בשרת – Up Time בדיקות מהירות הוא כלי משני שמוצע בחינם ומשמש לבדיקת מהירות טעינת האתר ממדינות שונות בעולם.
מדור ההמלצות של יאהו לשיפור מהירות טעינת אתר
קריאה לא פשוטה לאנשים חסרי הבנה טכנית, אבל אחד המקומות הראשונים שתרצו לבדוק
http://developer.yahoo.com/performance/rules.html
W3 Total Cache
תוסף וורדפרס חזק במיוחד, ואחד המושקעים ביותר שנוצרו אי פעם. הורדה הכרחית לכל בעל אתר וורדפרס (ואם יהיה זמן גם באתר זה פעם).
http://wordpress.org/extend/plugins/w3-total-cache/
מי שממש מרגיש מוכן יכול להתחיל להתעמק באתר Ask Apache שהוא האורים והתומים של כל מה שקשור לטכנולוגיות LAMP ובאופן עריף גם לקידום אתרים מתקדם שנוגע לדברים נוספים פרט להשגת קישורים נכנסים ומבלי להוריד מערכם של אלה לשניה אחת.
CSS Sprites ואיך לעשות אותן
האתר הבא מספק דוגמאות מצוינות ואם אתם חברה לבניית אתרים שגם מתיימרת לספק שירותי קידום אתרים, זו נקודת התחלה לא רעה.
http://css-tricks.com/158-css-sprites/
האם זה משפיע על מיקומים בתוצאות האורגניות?
אחרי כל המאמץ הזה, הייתם רוצים לחשוב שיש לזה השפעה מיידית על מיקומי האתר שלכם בתוצאות החיפוש. תשובת הביניים היא שנכון להיום, ההשפעה היא מינורית, אם בכלל. כמות ואיכות הקישורים הנכנסים היו ונשארו אמת המידה החשובה ביותר מבחינת גוגל, וכל השאר זה הסחות דעת שעולות הרבה כסף ומייצרות מעט טראפיק. אז למה להשקיע מלכתחילה? כי הסימנים מראים שאולי יהיה שינוי בקרוב. אתרים שישקיעו בטכנולוגיה הנכונה עשויים ליהנות בעתיד ממיקומים מפתיעים, גם אם אין להם פרופיל קישורים נכון וגם אם אין להם מספיק חיפושים שקשורים למותג שלהם.
אין פוסטים קשורים.