מתכננים אתר חדש? כמה טיפים לאתר מהיר

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

הנה כמה טיפים לבניית האתר (מומלץ להדפיס ולהגיש לבונה האתר):

1. את כל קבצי ה-Java Script (בר"ת JS) יש לכווץ ולחבר לקובץ אחד. טעינה נוספת של קובץ JS עוצרת את רינדור העמוד ומאטה את טעינת האתר.
2. את כל קבצי ה-Css (ר"ת של Cascading Style Sheets) יש לכווץ ולחבר לקובץ אחד. בשונה מקבצי JS, ניתן לטעון מס' קבצי CSS במקביל אבל טעינה של קובץ אחד תהיה מהירה יותר.
3. במידה ויש לכם גולשים חוזרים (למי אין?) הגדירו Expires ו-Cache-Control נכונים ב-Headers, הדפדפן ישמור את התוכן שאינו משתנה במחשב והטעינה הבאה תהיה הרבה יותר מהירה.
4. השתמשו ב-Css Sprites לעיצוב האתר, ניתן לחסוך זמן יקר באמצעות שיטה זו.
5. אם האתר שלכם משתמש בעוגיות (Cookies), הגדירו סאב דומיין נוסף ותטענו משם את כל התוכן הסטטי (תמונות, CSS וכו'), בכל בקשה של קובץ מדומיין עם Cookies הדפדפן שולח את Cookie לכל אובייקט (לתמונות, CSS וכו'), ניתן לחסוך המון תעבורה (מצד הגולש ומצד השרת) עם שימוש נכון בסאב דומיין.
6. אם העמוד מתוכנן להיות ארוך ומלא באלמנטים, השתמשו ב-Lazy Loading – מדובר בסקריפט הכתוב ב-JS שמורה לדפדפן להוריד רק את התוכן שהמשתמש צופה בו, ניתן לראות את זה בפעולה באלבומים בפייסבוק.
7. תכננו את האתר כך שלא ידרוש יותר מ-8 בקשות לעמוד: בקשה אחת לעמוד, בקשה אחת לקובץ JS, בקשה אחת לקובץ CSS ועוד 5 בקשות נוספות לבחירתכם.
8. תדחסו את התמונות שאתם משתמשים בהם, אם אתם משתמשים בתמונה בגודל 100X200, אל תשתמשו בתמונה גדולה יותר. 

לעוד חומרים בנושא האצת אתרים