css優(yōu)化技巧自己實(shí)踐心得分享
1、使用css精靈。
好處是將css中使用的小圖片可以合并為一張大圖片減少了對服務(wù)器端的請求,服務(wù)器壓力小,頁(yè)面加載速度也快。
2、合并多個(gè)css文件為單個(gè)css文件。
好處同css精靈
3、使用外部css。
外部css可以被瀏覽器緩存,而且便于維護。
4、將css放在head中。
可以參考雅虎的文檔
5、使用link而不是import
使用import頁(yè)面加載的速度會(huì )慢。而且在IE中加載順序可能與預期不一致,這將直接導致顯示問(wèn)題。
6、使用css簡(jiǎn)寫(xiě)。
比如使用margin代替margin-top等的.寫(xiě)法。
7、相似的樣式放在一起,避免重復書(shū)寫(xiě)。
8、減少換行。
9、刪除最后的分號。
10、使用單行注釋。
11、rgb顏色簡(jiǎn)寫(xiě)。
12、去掉不必要的單位,比如px。
13、刪除不使用的樣式。
可以減小文件,縮短瀏覽器解析和匹配時(shí)間。
14、壓縮css文件。
以上這些都很淺顯,沒(méi)有做過(guò)多的說(shuō)明,當然有一些css壓縮工具有優(yōu)化功能。
【css優(yōu)化技巧自己實(shí)踐心得分享】相關(guān)文章:
分享企業(yè)網(wǎng)站優(yōu)化的技巧02-25
精選CSS 高級技巧總結11-01
常用的10個(gè)CSS技巧總結11-01
托福技巧心得分享06-16
養蜂技巧心得經(jīng)驗分享06-13
網(wǎng)頁(yè)設計中的CSS 技術(shù)及優(yōu)化分析論文04-21
中文排版CSS的心得06-14
考友雅思技巧分享心得06-16