例如,下面的代碼示例在內(nèi)容上相同,但是第二個要精煉得多:
h1 {
font-size: x-large;
font-weight: bold;
color: #FF0000;
}
h1 {font-size: x-large; font-weight: bold; color: #FF0000}
刪掉注釋
將注釋從你的CSS代碼里刪掉是減少文件大小的另一種方式。盡管注釋對于代碼的閱讀很有用,但是它無助于瀏覽器生成你的Web頁面。很多Web建設(shè)者都習(xí)慣給每一行代碼都加上注釋,或者至少給每一條規(guī)則聲明都加上。這樣的慷慨注釋在CSS樣式表里是極少需要的,因為大多數(shù)CSS性質(zhì)和屬性都很容易閱讀和理解。如果你對類、ID,以及其他的選擇器都使用有意義的名稱,你就可以省掉大多數(shù)的注釋,同時仍然能夠保持代碼的可讀性和可維護性。
h1 { /* Heading 1 style*/
font-size: x-large; /* x-large size */
font-weight: bold; /* Bold */
color: #FF0000; /* Red */
}
使用速寫性質(zhì)、刪除無用的空白、省略注釋都能夠在很大程度上減少你CSS樣式表文件的大小。這反過來會對加速你Web網(wǎng)站速度的總體目標(biāo)作出小的、但是可能會是顯而易見的貢獻。
|