部落格分類：web前端測試
1.減少http請求
條件get請求每次都會產生乙個304的請求
4.壓縮元件:在server端對response資源進行壓縮再傳給瀏覽器,一般使用gzip
5.將css放再頂部:能加快頁面內容顯示,並且能避免頁面產生白屏
6.將js放在底部
7.避免css表示式
8.將js,css放在外部檔案中
9.通過使用keep-alive和較少的網域名稱來減少dns查詢
10.精簡js和css檔案
11.尋找一種避免重定向的方法
12.移除重複的指令碼
13.配置etag
14.確保ajax請求遵守效能知道,必要時候應具備長久的expires頭
我們可以使用yahoo的yslow firefox外掛程式來檢查**的前端效能.
最後,我們隨便開啟乙個**寶貝頁面,用fiddler檢視一下,發現**至少做了如下優化:
唯一一點沒有優化的是,服務端返回的都是沒有gzip壓縮的,或許是為了減少伺服器的壓力
前端效能優化 14 條規則
前端優化的 準則指導著前端頁面的優化策略 只有10 20 的終端使用者響應時間花在接受請求的html文件上，剩下的80 90 時間花在為html文件所引用的所有元件 指令碼 樣式表等 進行的http請求上。因此，改善響應時間的最簡單途徑就是減少元件的數量，並由此減少http請求的數量。當然很多人就會...
效能提公升的14條規則（九）
規則9 減少dns查詢 internet是通過ip位址來查詢伺服器的。由於ip位址很難記憶，通常使用包含主機名的urllai 來取代它，但當瀏覽器傳送其請求時，ip位址仍然是必需的。這就是domain name system dns 所處的角色。dns將主機名對映到ip位址上，就像 本將人名對映到他...
效能提公升的14條規則（三）
規則3 新增expires頭 在設計web頁面的時候，首次訪問的響應時間並不是唯一需要考慮的。如果是這樣的話，我們可以將規則1發揮到極致，並且不再頁面上放置任何 指令碼和樣式表。然而，我們都知道，指令碼和樣式表能夠加強使用者體驗，儘管這意味著頁面需要花更長的時間進行載入。這一章介紹的規則3展示了如何...