本書以Web性能優(yōu)化為重點,深入淺出地介紹了性能優(yōu)化所涉及到的方方面面知識,詳細(xì)解答了為何要做性能優(yōu)化,性能優(yōu)化又需要從何處著手,性能優(yōu)化的過程又需要考慮到哪些問題?需要做怎樣的權(quán)衡?內(nèi)容包括:第1章 用戶體驗(UE——userexperience);第2章 前端性能瓶頸(Front-end performance bottleneck);第3章 前端的分層(Front-end layering);第4章 HTML層級優(yōu)化;第5章 CSS層級優(yōu)化;第6章 JavaScript層級優(yōu)化;第7章 資源加載優(yōu)化(Resource loading optimization);第8章 其他層級優(yōu)化(Other hierarchical optimization);第9章 前端調(diào)試(Front-end debugging);第10章 常見自動化構(gòu)建工具(Common automated build tools);第11章新技術(shù)對性能的提升(Performance improvements from new technologies);第12章 思想高于邏輯 邏輯強于代碼(Thought over logic over code)。第13章 性能優(yōu)化案例分析(Performance optimization case study),本書適合程序員及Web開發(fā)者閱讀。
陳鐸鑫 Web前端開發(fā)工程師,慕課網(wǎng)認(rèn)證作者。參與過大規(guī)模系統(tǒng)前端架構(gòu)設(shè)計及前端技術(shù)選型,并實際落地應(yīng)用于各大平臺。參與過公司平臺數(shù)據(jù)可視化展示,3D實景應(yīng)用,智感小區(qū)等前端落地應(yīng)用產(chǎn)品開發(fā)。
第1篇 用戶體驗
第1 章 用戶體驗
1 1 何為用戶體驗
1 2 了解用戶心理
1 3 前端的作用
第2篇 宏觀上的俯瞰
第2 章 前端性能瓶頸
2 1 技術(shù)框架選型
2 2 項目復(fù)雜程度
2 3 運行環(huán)境
第3 章 前端的分層
3 1 HTML 結(jié)構(gòu)層
3 2 CSS 樣式層
3 3 JS 行為層
第3篇 分條目詳解性能優(yōu)化
第4 章 HTML 層級優(yōu)化
4 1 化繁為簡
4 2 標(biāo)簽屬性及模板
4 3 容易忽略的細(xì)節(jié)
第5 章 CSS 層級優(yōu)化
5 1 樣式多復(fù)用
5 2 CSS 選擇器
5 3 減少“昂貴”的樣式成本
5 4 CSS 層級其他優(yōu)化
第6 章 JavaScript 層級優(yōu)化
6 1 JavaScript 的運行機制
6 2 定時器是一把雙刃劍
6 3 事件的綁定
6 4 一些優(yōu)秀的JavaScript 層級思想
第7 章 資源加載優(yōu)化
7 1 資源解析優(yōu)化
7 2 加載模式
7 3 資源優(yōu)化處理
第8 章 其他層級優(yōu)化
8 1 頁面渲染過程
8 2 控制交互請求
8 3 合理的數(shù)據(jù)結(jié)構(gòu)
8 4 有趣的異步
8 5 充分利用硬件GPU 加速
第4篇 好用的前端工具與新技術(shù)
第9 章 前端調(diào)試
9 1 強大的Chrome
9 2 斷點
第10 章 常見的自動化構(gòu)建工具
10 1 構(gòu)建工具概述
10 2 Grunt
10 3 Gulp
10 4 強大的Webpack
第11 章 新技術(shù)對性能的提升
11 1 即時通信
11 2 MVVM 框架
11 3 Vue 相關(guān)知識
11 4 移動端相關(guān)應(yīng)用
第5篇 前端思想與案例分析
第12 章 思想高于邏輯,邏輯強于代碼
12 1 首次架構(gòu)重于迭代升級
12 2 良好的編碼習(xí)慣
12 3 代碼重構(gòu)
12 4 開發(fā)效率與性能間的權(quán)衡
第13 章 性能優(yōu)化案例分析
13 1 某搜索網(wǎng)站的優(yōu)化
13 2 某電商網(wǎng)站的優(yōu)化
13 3 某新聞網(wǎng)站的優(yōu)化