●第1篇 用戶體驗
第1章 用戶體驗
1.1 何為用戶體驗
1.2 了解用戶心理
1.3 前端的作用
第2篇 宏觀上的俯瞰
第2章 前端性能瓶頸
2.1 技術框架選型
2.2 項目復雜程度
2.3 運行環境
第3章 前端的分層
3.1 HTML結構層
3.2 CSS樣式層
3.3 JS行為層
第3篇 分條目詳解性能優化
第4章 HTML層級優化
4.1 化繁為簡
4.2 標簽屬性及模板
4.3 容易忽略的細節
第5章 CSS層級優化
5.1 樣式多復用
5.2 CSS選擇器
5.3 減少“昂貴”的樣式成本
5.4 CSS層級其他優化
第6章 JavaScript層級優化
6.1 JavaScript的運行機制
6.2 定時器是一把雙刃劍
6.3 事件的綁定
6.4 一些優秀的JavaScript層級思想
第7章 資源加載優化
7.1 資源解析優化
7.2 加載模式
7.3 資源優化處理
第8章 其他層級優化
8.1 頁面渲染過程
8.2 控制交互請求
8.3 合理的數據結構
8.4 有趣的異步
8.5 充分利用硬件GPU加速
第4篇 好用的前端工具與新技術
第9章 前端調試
9.1強大的Chrome
9.2 斷點
第10章 常見的自動化構建工具
10.1 構建工具概述
10.2 Grunt
10.3 Gulp
10.4 強大的Webpack
第11章 新技術對性能的提升
11.1 即時通信
11.2 MVVM框架
11.3 Vue相關知識
11.4 移動端相關應用
第5篇 前端思想與案例分析
第12章 思想高於邏輯，邏輯強於代碼
12.1 首次架構重於迭代升級
12.2 良好的編碼習慣
12.3 代碼重構
12.4 開發效率與性能間的權衡
第13章 性能優化案例分析
13.1 某搜索網站的優化
13.2 某電商網站的優化
13.3 某新聞網站的優化

《Web前端性能優化》以Web性能優化為重點，深入淺出地介紹了性能優化所涉及到的方方面面知識，詳細解答了為何要做性能優化，性能優化又需要從何處著手，性能優化的過程又需要考慮到哪些問題？需要做怎樣的權衡？內容包括：第1章 用戶體驗（UE——userexperience）；第2章 前端性能瓶頸（Front-end performance bottleneck）；第3章 前端的分層（Front-end layering）；第4章 HTML層級優化；第5章 CSS層級優化；第6章 JavaScript層級優化；第7章 資源加載優化（Resource loading optimization）；第8章 其他層級優化（Other hierarchical optimization）；第9章 前端調試（Front-end debugging）；第10章 常見自動化構建工具（Common automate等