雅虎的16條優化準則，作為前端開發工程師，都是耳熟能詳，信手拈來。但很多時候也能難完全的做得到，一些準則跟工程原則是衝突的，難以落實起來。
js檔案放尾部，css檔案放頭部等，這些基本的優化點還是可以做到，但是有時候遇到網速慢的情況，會出現一段時間的白屏，從使用者體驗的角度來說，還是有提公升的空間。 根據移動站點的特性，已經使用者對頁面的期待看來，使用者在剛開啟頁面的時候可以接受舊的東西。 在載入完js等資源檔案時可以更新新的內容。這樣，就可以盡可能快的展示資料，而更新資料等邏輯可以放到後面處理。 在移動站點的優化時，可以有以下幾種方案，利用localstorage來做快取。
1、第一次載入資料，渲染，快取到localstorage。
2、第二次使用者訪問的時候直接讀取快取，渲染。
3、正常邏輯，拉取資料。這裡可以分為兩種，拉取後又渲染一次頁面，本地儲存；不渲染，直接儲存，下次渲染。
html頭部：
window._cachemodule = ,
getcachedata: function(key)catch(e)
return item;
}};
if(_cachemodule)var html = render(data);
storage.set('_forum_my_followed', html);
優化的目的並不是拿一些資料指標來判斷，而是要給人的感覺，是真的加快了，這才是頁面的優化目標。
1、根據頁面訪問的次數或者訪問頁面的間隔時間，如使用者5次內訪問頁面或者半小時內都不再拉取資料。
前端效能優化 快取優化
控制瀏覽器強快取主要靠兩個響應頭部欄位來實現 expires和cache control，瀏覽器在訪問靜態資源時，會首先判斷該資源是否做了強快取。如果發現是強快取並且快取還在有效期內，那就不會去傳送http請求，而直接使用本地的快取 這個快取可能來自於記憶體，也可能來自本地磁碟空間 其中expire...
web前端效能優化
01 減少http請求 使用css sprite 合併js css02 使用cdn 當頁面中有很多資源的時候可以從不同伺服器中讀取 設定長的expires時間將直接減少http請求 如果資源設定了expires頭為將來的某個時間,下次訪問時候瀏覽器 發現資源還沒有過期,會直接從快取中讀取,不會再次產...
web前端效能優化
一 網路相關的一切，包括dns解析 http請求等等 二 web優化，就是前端頁面相關部分，也就是我們日常擼 能夠做到的一些 1 設定dns多級快取 瀏覽器快取，系統快取，路由器快取，ips伺服器快取，根網域名稱伺服器快取，頂級網域名稱伺服器快取，主網域名稱伺服器快取。2 dns負載均衡 dns重定...