中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

第二類，傳輸優(yōu)化

這類是大頭，很煩，首先是字節(jié)，字節(jié)越小越好，怎么能小下來，最有效的方式就是google的方案，把首頁做的極其精簡，圖片，html，靜態(tài)文件都很小，再就是緩存，把文件放到本地緩存區(qū)讀取。還有http請求數(shù)，減少文件傳輸中的排隊等待。

字節(jié)優(yōu)化：

1. 減少冗余html，結(jié)構(gòu)化，語義化的html來實現(xiàn)，行為，表現(xiàn)，結(jié)構(gòu)分離，獨立的html文件將變得很小。
2. 壓縮文本文件，css，html，js去掉注釋、空格、換行等。
3. 降低圖片字節(jié)，選擇合適的圖片類型，png-8是一個好東西，再用工具將圖片進行壓縮去掉，比如png-8的壓縮工具。用合適的圖片尺寸，不要把大圖控制一下寬高就用上了。
4. gzip壓縮一下，減小服務器端傳輸?shù)娇蛻舳藭r候的字節(jié)。
5. flash文件和flash+xml的動態(tài)flash也減小字節(jié)

緩存：
服務器端配置一下，提高緩存的命中率和把不經(jīng)常修改的文件緩存了。
Add Expires headers、Etags、ajax使用get方式便于緩存。
把能分離出來的css，js分離成外部文件便于緩存。
使flash和xml文件可緩存。
打通不同運營商的限制
CDN提高不同類型運營商的網(wǎng)絡傳輸速度，電信，網(wǎng)通，鐵通，教育網(wǎng)統(tǒng)統(tǒng)搞定。

請求數(shù)：
減少文件請求數(shù)，能合并到一起的合并一下，css，js，圖片等，減小排隊等待和服務器端開銷。
分域提高同時加載數(shù)，優(yōu)化排隊等待。
避免404無效請求數(shù)。
避免重定向。

延遲加載和預載：
把暫時不用的文件等主體頁面加載完了再加載，把用戶稍后要看瀏覽的內(nèi)容預先加載進來，相冊瀏覽就是很好的例子，先用小圖片放大再把大圖展示出來，看本張圖片時把下一張預載進來等等。

第三類：客戶端優(yōu)化

1. 討厭的IE的濾鏡和CSS expressions少用，小心把瀏覽器搞掛，CUP 100%死機。
2. CSS放到前面，js能放到后面的放在代碼后面。將頁面盡早展示給用戶。
3. 減少iframe的使用，避免CPU扛不住。
4. 減少DOM個數(shù)，減低瀏覽器解析壓力。
5. 使用 <link> 而不是@importChoose <link> over @import，在 IE 中 @import 指令等同于把 link 標記寫在 HTML 的底部。而這與第一條相違背。
6. 提高js的執(zhí)行效率，話題太大不提了
7. 縮小 Cookie，針對 Web 組件使用域名無關(guān)性的 Cookie (Use Cookie-free Domains for Components)
8. 還有小圖片的repeat背景會提高瀏覽器的CPU占用。
9. 合理的DOM排序，把重要的內(nèi)容代碼前置，優(yōu)先加載。

再就是些沒對號入座的雅虎性能優(yōu)化的條目。至此可以檢驗到頁面工程師不是蓋的，需要對代碼、文件，http協(xié)議，緩存，服務器等精準的學習和控制，達到提供用戶最最基本的體驗——訪問速度的體驗。

Web標準的分離思想和結(jié)構(gòu)化語義化html促成了以上很多條的實施，這是美工時代所不能比擬的。

有什么不對和補充的，歡迎回帖提示。

經(jīng)典論壇交流：
http://bbs.blueidea.com/thread-2952618-1-1.html

本文鏈接：http://www.95time.cn/tech/web/2009/7204.asp　

出處：藍色理想
責任編輯：bluehearts

上一頁 悟道web標準:前端性能優(yōu)化 [1] 下一頁

◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。