性能卓越web開發之數據傳輸階段

1.降低要求數.

◆ 緩存文件，應用(yòng)Expires 等設定到期時間;假如內容沒有到期也(yě)不推送要求

◆ 合拼小容積內容，比如吧總數諸多(duō)的(de)小圖放到一個(gè)照(zhào)片，以後用(yòng)css一部分(fēn)展現(大(dà)容積的(de)內容就不要合拼了(le))

◆ 延遲時(shí)間載入;一部分(fēn)內容，比如照(zhào)片在網頁頁面展現的(de)情況下(xià)才載入 (常見的(de)便是網頁滾動條來(lái)到之後才載入);降低多(duō)餘的(de)要求

◆ 合拼反複內容和(hé)文檔

◆ 考慮到應用(yòng)第三方CDN資源，比如jQuery有完全免費的(de)CDN，一些客戶早已在别的(de)網頁訪問過該內容了(le)，那麼到大(dà)家的(de)網址載入就更快(kuài)了(le) (并且應用(yòng)CDN減少對(duì)大(dà)家網絡服務器的(de)工作壓力)

◆ 應用(yòng)HTML 5 中的(de)Local Storage等儲存數據信息

2.降低回應內容的(de)容積.

◆ 适度的(de)情況下(xià)隻回到回應頭304 (HTTP緩存文件，如ETag等)

◆ 應用(yòng)Gzip等壓縮包內容

◆ 應用(yòng)完全免費的(de)第三方專用(yòng)工具，縮小css，js和(hé)html等文檔的(de)尺寸 (比如大(dà)家普遍的(de) jquery.min.js)

◆ 适度應用(yòng)Ajax實際操作

◆ 在适度的(de)情況下(xià)，将款式,HTML和(hé)數據信息分(fēn)離出來(lái) (信息量非常大(dà)的(de)情況下(xià)巨大(dà)減少文檔容積)

1. <ul id="id"> 
2.     <li style="一大(dà)堆的(de)款式">數據信息 </li> 
3.     <li style="一大(dà)堆的(de)款式">數據信息 </li> 
4.     <li style="一大(dà)堆的(de)款式">數據信息 </li> 
5. </ul> 
6. 分(fēn)爲HTML 款式 和(hé)數據信息3一部分(fēn)  
7.  
8. HTML  
9. <ul id="id"> 
10.     <li></li> 
11.     <!-- 假如應用(yòng)數據信息模版等方法&nbs p;隻必須保存一個(gè)Li 不然必須好幾個(gè) --> 
12. </ul> 

款式儲存在CSS文檔中一些基礎的(de)小知識 盡管有很多(duō)個(gè)li 無需給每一個(gè)li特定class

數據信息

◆ 應用(yòng)JSON回到 (假如感覺不便還(hái)可(kě)以置入在網頁頁面中)

◆ 挑選容積更小的(de)數據類型，比如JSON一般就比XML容積來(lái)的(de)小 (都曆經縮小之後還是更小)

◆ 在設計方案上，隻傳輸轉變的(de)一部分(fēn)數據信息 (比如要獲得(de)100條數據信息，很有可(kě)能早已載入了(le)90條，那麼再載入10條就好了(le))

◆ 清除要求和(hé)回應中多(duō)餘的(de)HTTP Header (比如WCF Restful service含有的(de)情況下(xià)要傳送說明(míng)當今數據信息是JSON還是XML的(de)HTTP Header)

◆ 一部分(fēn)作用(yòng),如縮小會耗費CPU, 如ajax待會提升開發設計勞動量,請慎重挑選

3.提升要求并發數.

◆ RFC中，電腦(nǎo)浏覽器針對(duì)同一個(gè)網站域名下(xià)的(de)資源隻有應用(yòng)兩個(gè)進程另外開展浏覽(許多(duō)新的(de)電腦(nǎo)浏覽器适用(yòng)6個(gè)或是大(dà)量);解決方案是應用(yòng)二級域名，比如1.abc.com 2.abc.com

1. <img src ="1.abc.com/1.png" /> 
2. <img src ="1.abc.com/2.png" /> 
3. <img src ="2.abc.com/3.png" /> 
4. <img src ="2.abc.com/4.png" /> 
5. <img src ="3.abc.com/5.png" /> 
6. <img src ="3.abc.com/6.png" /> 
7. <img src ="4.abc.com/7.png" /> 
8. <img src ="4.abc.com/8.png" /> 

◆ 将一個(gè)超大(dà)型的(de)文檔(比如有的(de)人(rén)喜愛(ài)吧全部網址的(de)js都放到一個(gè)文檔)分(fēn)解成一系列的(de)中小型文檔 (有益于高(gāo)并發載入和(hé)緩存文件!)這(zhè)一圖片大(dà)小的(de)Size挑選很重要 我本人(rén)提議(yì)是10k-200k (取決于互聯網)

◆ 上一條并沒有和(hé)1-2矛盾，文檔太小太多(duō)也(yě)不好，文檔太少很大(dà)也(yě)不好，這(zhè)是一個(gè)均衡的(de)難題

◆ 根據拆分(fēn)文檔,促使最常見網頁頁面(比如主頁)的(de)載入速率更快(kuài)了(le)

◆ 操縱載入次序，比如先載入網頁頁面大(dà)緻構造，随後好幾個(gè)javascript異步請求載入數據信息(把一個(gè)大(dà)的(de)html變成好幾個(gè)小的(de)html精彩片段)

4.别的(de)獨特技術性.

◆ 運用(yòng)HTTP 1.1的(de)長(cháng)連接特點，促使在一定水(shuǐ)平上，網絡服務器能夠 積極消息推送數據信息(降低了(le)許多(duō)多(duō)餘的(de)輪詢)

5.專用(yòng)工具.

◆ Fiddler (Free)

◆ FireDebug (Free)

◆ HttpWatch

一部分(fēn)內容引入自MSDN和(hé)别的(de)第三方文章(zhāng)内容..

标識：北(běi)京市網站制作 高(gāo)檔網站建設