為了解決近期專案遇到的效能瓶頸，花費不少功夫惡補了web效能的相關優化方案，整理了一些資料，分享給大家。
網頁效能管理詳解 - 阮一峰的網路日誌
頁面效能優化的利器 — timeline - 雲加社群 -
什麼是cdn，為什麼你的**需要它？
**開發動靜分離實踐 - brucefeng
網頁效能優化 - 小方。 -
16毫秒的優化——web前端效能優化的微觀分析——o'reilly velocity china 2013 web 效能與運維大會
全新chrome devtools performance使用指南 - 個人文章 - segmentfault 思否
面試的妹紙問我：web快取設定不是後台的事情嗎？ - 程式猿小卡 -
作為前端應當了解的web快取知識 - 木的樹 -
關於伺服器快取的思考 - allempty -
徹底弄懂http快取機制及原理 - 木上有水 -
html5本地儲存——web sql database - 謙行 -
html5 webstorage - 謙行 -
**http 彩色版.pdf
高效能**建設指南
高效能**建設高階指南
周明傑
Web效能優化
我們先來看乙個瀑布圖來確定乙個頁面效能問題是由哪些項造成的。chorome 自帶開發人員工具 圖中每一行表示乙個 請求，每乙個請求都有一條時間線，用於標識這個請求所花費的時間。如果將滑鼠放到某一條時間線上，可以看到以下資訊 1 首先看一下哪個請求花費的時間比較長，看看這個請求的時間線資訊，確定是伺服...
web效能優化
可以用gulp的gulp uglify gulp minify css模組完成 還可以用webpack的uglifyjsplugin壓縮外掛程式完成。通過css sprites將多個整合到乙個中，在用css來定位。伺服器在處理大流量的資料是十分困難的，這最終導致頁面載入速度變慢。cdn是位於全球不同...
web 效能優化
優化方向有兩個 http 請求 js 載入 開啟瀏覽器控制台的網路，可以看到從拉取模版開始到首次渲染中間到底在載入什麼，如果中間某些資源載入速度過慢，則可以從這方面入手，否則的話有可能是解析 js 速度過慢導致。請求優化 合理使用快取 合理使用快取，降低請求等待的時間，可以通過達到效能優化 cdn ...