איך לכתוב קובץ CSS נכון (Best practices) - חלק ב'

שלבים

1. 1

   שלב 1

   כאשר יש באתר הרבה תמונות, כל תמונה מתבקשת מהשרת בנפרד כך שכאשר יש אתר עם הרבה תמונות נוצרות הרבה בקשות ובסופו של דבר נוצר עומס. ניתן להגביר את המהירות בה האתר עולה בצורה משמעותית בעזרת CSS Sprites. sprites זו שיטה המאפשרת לקחת לדוגמא תפריט ובמקום לחלק אותו להרבה תמונות (וכך כל תמונה תעבור בנפרד ותעמיס על תעבורת הרשת) תאפשר לבנות את התפריט מתמונה אחת שכל כפתור מוגדר על פי מיקום. בקרוב יכתב מדריך המסביר כיצד לעשות sprites.
2. 2

   שלב 2

   אם אתם חושבים שאתם מתורגלים מספיק בכתיבת CSS תוכלו להשתמש בCSS Framework. מדובר על תשתית, המוכנה מראש בכדי שלא תצטרכו לכתוב בכל אתר את כל הCSS מחדש, ניתן למצוא ברחבי האינטרנט frameworks מוכנים. שימו לב שבשימוש בהם יש יתרונות וחסרונות.
4. 3

   שלב 3

   ניתן להשתמש בקומפרסורים אשר מקטינים את נפח קובץ הCSS שלכם. זה אמנם יקטין את הנפח ויגדיל יעילות אבל זה יהפוך את הקובץ שלכם להרבה פחות קריא, לכן מומלץ לעשות זאת (אם בכלל) רק בסוף הכתיבה לאחר שסיימתם. קומפרסורים לדוגמא: http://www.cssoptimiser.com/ http://www.csscompressor.com/
5. 4

   שלב 4

   בדקו האם קוד הCSS עובר ואלידציה ועובר את תקן הw3c, בכדי לבדוק האם אין שגיאות בקוד שלכם תוכלו להכנס לאתר http://jigsaw.w3.org/css-validator ולהכניס בשורת הכתובת את האתר שלכם, לאחר שתלחצו אנטר תקבלו פלט עם כל שגיאות הCSS באתר שלכם וכיצד לתקן אותם.