שיטות עבודה מומלצות: עבודה עם CSS
שים גיליונותסגנון בראש
אם אתה רוצה דף לטעון בהדרגה, כלומר, אנחנו רוצים את הדפדפן כדי להציג את כל התוכן שיש לו כמה שיותר מהר, לשים את ה-CSS בחלק העליון של הדף בראש המסמך. זה הופך את הדפים נראה כי טוען מהר יותר, שכן הדבר מאפשר עיבוד מתקדם של הדף. זה חשוב במיוחד עבור דפים עם הרבה תוכן למשתמשים על חיבורי אינטרנט איטי.
זו עובדה מתועדת כי כדי לשפר את חוויית המשתמש הכוללת, חשוב לספק אינדיקטורים להתקדם המשובים חזותיים. כדי להימנע מהצורך לצייר מחדש אלמנטים של הדף, במקרה אם השינוי סגנונם, כמה דפדפנים, כולל אינטרנט אקספלורר, אבני עיבוד הדף עד CSS נטען במלואו. עקב כך, המשתמש יכול לראות דף לבן ריק.
את מפרט ה-HTML של W3 גם כי CSS יש לי לכלול בסעיף ראש דף ה-HTML. at the bottom of the page, so it's best not to use it. כמו כן שים לב, ב-IE @import מתנהג כמו שימוש <link> בחלק התחתון של הדף, כך שעדיף לא להשתמש בו.
הימנע משימוש תכונות ספציפיות לדפדפן
מסננים: שימוש במסנן מגדילה את צריכת הזיכרון מוחל לכל אלמנט, לא לכל תמונה, כך הבעיה מוכפל. כמו כן, מסננים הם קנייני IE, ולכן לא יעבוד כמתוכנן בדפדפנים אחרים. אם אתה רוצה רקע שקוף או צבע, השתמש 1Pixel עם תמונות.
ביטויים: ביטויים CSS הן תכונה נחמד שיש ב-CSS, אך עדיין היא תכונה מסוימת IE. כמו כן, חשוב לציין כי, ביטויים אלה הם הערכה כאשר הדף מוצג ו לשנות את הגודל, לגלול וגם כאשר המשתמש מזיז את העכבר על הדף. אין צורך לומר זה יכול להשפיע על הביצועים של הדף. לפיכך במילים פשוטות, יש להימנע משימוש בביטויים CSS, אלא אם כן אתה מרגיש היתרונות שלו "שוקל יותר חסרונות שלה"
החצנה לך CSS
שימוש ב-CSS חיצוני תגרום הטעינה מהירה יותר של הדפים כי קובצי JavaScript ו-CSS מאוחסנים במטמון של הדפדפן. בשורה CSS במסמכי HTML לקבל כל פעם להוריד מסמך HTML מתבקש. זה באמת עשוי לצמצם את מספר בקשות HTTP שנעשו לאחר מכן אבל זה מגדיל את הגודל של מסמך ה-HTML. CSS חיצוני מאוחסנים במטמון של הדפדפן, בגודל של מסמך ה-HTML הוא מופחת מבלי להגדיל את מספר בקשות HTTP.
שימו לב, אם משתמשים באתר שלך יש מספר רב של דפים נצפים בכל הפעלה ורבים הדפים לשימוש מחדש את הסקריפטים ואותו גיליונותסגנון, יש תועלת פוטנציאלית גבוהה יותר מקבצים חיצוניים המאוחסנים במטמון.
לארוז את קובץ ה-CSS שלך
אריזה או גריסת CSS שלך היא פעולה של הסרת תווים מיותרים מהקוד כדי להקטין את גודל שלה ובכך לשפר את זמני הטעינה.
CSS אני יכול חרק על ידי הסרת כל ההערות וכל תו לא רצויים כמו חללים לבנים, newlines וכו '
