css優(yōu)化技巧自己實(shí)踐心得分享

css優(yōu)化技巧自己實(shí)踐心得分享

　　1、使用css精靈。

　　好處是將css中使用的小圖片可以合并為一張大圖片減少了對(duì)服務(wù)器端的請(qǐng)求，服務(wù)器壓力小，頁(yè)面加載速度也快。

　　2、合并多個(gè)css文件為單個(gè)css文件。

　　好處同css精靈

　　3、使用外部css。

　　外部css可以被瀏覽器緩存，而且便于維護(hù)。

　　4、將css放在head中。

　　可以參考雅虎的文檔

　　5、使用link而不是import

　　使用import頁(yè)面加載的速度會(huì)慢。而且在IE中加載順序可能與預(yù)期不一致，這將直接導(dǎo)致顯示問題。

　　6、使用css簡(jiǎn)寫。

　　比如使用margin代替margin-top等的.寫法。

　　7、相似的樣式放在一起，避免重復(fù)書寫。

　　8、減少換行。

　　9、刪除最后的分號(hào)。

　　10、使用單行注釋。

　　11、rgb顏色簡(jiǎn)寫。

　　12、去掉不必要的單位，比如px。

　　13、刪除不使用的樣式。

　　可以減小文件，縮短瀏覽器解析和匹配時(shí)間。

　　14、壓縮css文件。

　　以上這些都很淺顯，沒有做過多的說明，當(dāng)然有一些css壓縮工具有優(yōu)化功能。

【css優(yōu)化技巧自己實(shí)踐心得分享】相關(guān)文章：

分享企業(yè)網(wǎng)站優(yōu)化的技巧02-25

精選CSS 高級(jí)技巧總結(jié)11-01

常用的10個(gè)CSS技巧總結(jié)11-01

托福技巧心得分享06-16

養(yǎng)蜂技巧心得經(jīng)驗(yàn)分享06-13

網(wǎng)頁(yè)設(shè)計(jì)中的CSS 技術(shù)及優(yōu)化分析論文04-21

中文排版CSS的心得06-14

考友雅思技巧分享心得06-16

托福技巧心得網(wǎng)友經(jīng)驗(yàn)分享06-15