《高性能html5》為讀者講解了如何用html5 從一開始就設(shè)計一個高性能的網(wǎng)站，以及如何對已有網(wǎng)站進(jìn)行改良，使得它們具備優(yōu)越的性能。《高性能html5》中總結(jié)了許多實踐經(jīng)驗、關(guān)鍵技巧，并提供了豐富的示例，作者有意無意地將軟件工程以及前端開發(fā)技術(shù)之道隱藏于樸實的描述中。

通過學(xué)習(xí)《高性能html5》，讀者能夠掌握如何創(chuàng)建自己的高性能網(wǎng)站?！陡咝阅躧tml5》適合于想創(chuàng)建自己網(wǎng)站的初學(xué)者，同樣也適用于資深網(wǎng)站開發(fā)者用于優(yōu)化已有網(wǎng)站。

《高性能html5》
第1 部分 引言
第1 章 概述 2
網(wǎng)站范例 2
這本書將帶給讀者什么 3
什么是高性能 4
頁面加載時間 4
瀏覽器性能 4
網(wǎng)絡(luò)性能 4
開發(fā)效率 4
響應(yīng)式設(shè)計 5
柵格系統(tǒng) 5
更深入地理解css 5
第2 部分 性能基礎(chǔ)
第2 章 開發(fā)原則 8
編寫符合當(dāng)代瀏覽器性能的代碼 8
減少html 中元素的數(shù)量 9
減少重繪 9
用css 來布局，處理邊界 11
漸進(jìn)式增強 14
.使用特征檢測來顯示漸進(jìn)式增強 15
各司其職 16
html 17
css 17
javascript 18
小結(jié) 20
第3 章 性能準(zhǔn)則 21
為什么頁面加載時間是如此重要 21
準(zhǔn)則 22
減少http 請求 22
使用cdn 加速（內(nèi)容分發(fā)系統(tǒng)） 27
避免空的src 和href 屬性值 28
增加過期頭 29
啟用gzip 壓縮 29
把css 放在頭部 30
把javascript 放到尾部 31
避免使用css 表達(dá)式 31
移除不使用的css 語句 32
對javascript 和css 進(jìn)行代碼壓縮 32
減少重繪 34
規(guī)定圖片的寬和高 34
不要用表格布局 34
定義字符集 35
不要重組dom 35
延伸閱讀 35
小結(jié) 35
第4 章 響應(yīng)式網(wǎng)頁設(shè)計 37
響應(yīng)式設(shè)計 37
css3 媒體查詢 38
自適應(yīng)圖片 45
彈性柵格 47
小結(jié) 49
第5 章 理解頁面重用機制 51
一些關(guān)于頁面重用的理念 62
就像搭積木一樣 62
都在容器里 62
小結(jié) 63
第3 部分 創(chuàng)建一個網(wǎng)站
第6 章 頁面模板 68
配置模板選項 69
html 元素周圍的條件注釋 70
設(shè)置字符集 73
使用ie 的兼容模式 73
提示用戶安裝google chrome frame 75
為iphone 使用viewport 75
加載jquery 75
添加google 統(tǒng)計代碼 76
更多可選項 76
設(shè)置柵格 77
小結(jié) 80
第7 章 導(dǎo)航 82
菜單結(jié)構(gòu) 83
給菜單添加樣式 88
box sizing（盒子尺寸） 91
標(biāo)準(zhǔn)css3 糖果 92
漸變 92
:before 和:after 96
使用base64 編碼 97
下拉效果 104
搜索框 107
小結(jié) 109
第8 章 頁頭 110
構(gòu)建一個更好的國家選擇器 110
視覺 111
css 裁剪 113
圖標(biāo)鏈接 114
小結(jié) 116
第9 章 頁腳 117
設(shè)計頁腳 118
設(shè)置頁腳的樣式 123
svg 128
不僅是簡單的形狀 133
小結(jié) 134
第10 章 分形設(shè)計模式 135
定義一個控件 136
代碼一致 137
升級簡單 137
更加可讀 137
目的明確 137
開始分形：案例分析 138
更快地開發(fā)頁面 139
更快地修復(fù)bug 139
增強一致性 140
css 和javascript 的分離 141
css 和javascript 的合并 143
小結(jié) 145
第11 章 link 控件 146
控件功能 146
給鏈接添加樣式 150
當(dāng)css 失效時使用javascript 157
小結(jié) 158
第12 章 sidebox（側(cè)邊欄）控件 160
內(nèi)容 160
樣式 161
函數(shù) 165
小結(jié) 169
第13 章 button 控件 170
按鈕類型 171
primary 按鈕 171
帶圖標(biāo)的primary 按鈕 171
玻璃材質(zhì)的primary 按鈕 171
帶陰影效果的primary 按鈕 171
鑲邊的primary 按鈕 172
go 按鈕 172
為go 按鈕鑲邊 172
編寫button 控件 172
css 175
小結(jié) 185
第14 章 price 控件 186
price 控件介紹 186
html 代碼 186
css 代碼 187
控件代碼 191
shipping 控件 192
html 代碼 193
css 代碼 193
控件代碼 195
使用控件 196
小結(jié) 196
第15 章 product 控件 197
插入控件 199
控件產(chǎn)生的html 199
css 202
product 控件的數(shù)據(jù) 205
控件 206
小結(jié) 208
第16 章 table 控件 210
html 結(jié)構(gòu) 212
數(shù)據(jù)對象 215
table 控件 215
樣式 216
通用效果樣式 217
寬屏效果樣式 218
窄屏效果樣式 223
增加媒體查詢 225
小結(jié) 228
第17 章 tab 控件 229
html 231
數(shù)據(jù) 233
控件 234
創(chuàng)建tab 控件 235
javascript 236
tab 控件的樣式 239
所有效果的通用樣式 239
水平效果的樣式 243
垂直效果的樣式 248
小結(jié) 253
第18 章 form控件 254
html 結(jié)構(gòu) 256
fieldset 控件 258
input 控件 260
數(shù)據(jù)對象 265
創(chuàng)建一個表單 269
css 269
建立一個快捷方式 281
小結(jié) 282