一线前端Team奇舞团领衔翻译！

众多大规模、高复杂度实际网站案例！

蕴含软件工程与前端开发之道的朴实之作！

通过解决实际问题影响和改变前端行业规则！

由布莱恩特、琼斯编写的《高性能HTML5》为读者讲解了如何用html5 从一开始就设计一个高性能的网站，以及如何对已有网站进行改良，使得它们具备优越的性能。

由布莱恩特、琼斯编写的《高性能HTML5》为读者讲解了如何用html5 从一开始就设计一个高性能的网站，以及如何对已有网站进行改良，使得它们具备优越的性能。《高性能HTML5》中总结了许多实践经验、关键技巧，并提供了丰富的示例，作者有意无意地将软件工程以及前端开发技术之道隐藏于朴实的描述中。

通过学习《高性能HTML5》，读者能够掌握如何创建自己的高性能网站。《高性能HTML5》适合于想创建自己网站的初学者，同样也适用于资深网站开发者用于优化已有网站。

第1部分 引言

 第1章 概述2

网站范例2

这本书将带给读者什么3

什么是高性能4

页面加载时间4

浏览器性能4

网络性能4

开发效率4

响应式设计5

栅格系统5

更深入地理解css5

第2部分 性能基础

 第2章 开发原则8

编写符合当代浏览器性能的代码8

减少html中元素的数量9

减少重绘9

用css来布局，处理边界11

渐进式增强14

使用特征检测来显示渐进式增强15

各司其职16

html17

css17

javascript18

小结20

 第3章 性能准则21

为什么页面加载时间是如此重要21

准则22

减少http请求22

使用cdn加速（内容分发系统）27

避免空的src和href属性值28

增加过期头29

启用gzip压缩29

把css放在头部30

把javascript放到尾部31

避免使用css表达式31

移除不使用的css语句32

对javascript和css进行代码压缩32

减少重绘34

规定图片的宽和高34

不要用表格布局34

定义字符集35

不要重组dom35

延伸阅读35

小结35

 第4章 响应式网页设计37

响应式设计37

css3媒体查询38

自适应图片45

弹性栅格47

小结49

 第5章 理解页面重用机制51

一些关于页面重用的理念62

就像搭积木一样62

都在容器里62

小结63

第3部分 创建一个网站

 第6章 页面模板68

配置模板选项69

html元素周围的条件注释70

设置字符集73

使用ie的兼容模式73

提示用户安装googlechromeframe75

为iphone使用viewport75

加载jquery75

添加google统计代码76

更多可选项76

设置栅格77

小结80

 第7章 导航82

菜单结构83

给菜单添加样式88

boxsizing（盒子尺寸）91

标准css3糖果92

渐变92

:before和:after96

使用base64编码97

下拉效果104

搜索框107

小结109

 第8章 页头110

构建一个更好的国家选择器110

视觉111

css裁剪113

图标链接114

小结116

 第9章 页脚117

设计页脚118

设置页脚的样式123

svg128

不仅是简单的形状133

小结134

 第10章 分形设计模式135

定义一个控件136

代码一致137

升级简单137

更加可读137

目的明确137

开始分形：案例分析138

更快地开发页面139

更快地修复bug139

增强一致性140

css和javascript的分离141

css和javascript的合并143

小结145

 第11章 link控件146

控件功能146

给链接添加样式150

当css失效时使用javascript157

小结158

 第12章 sidebox（侧边栏）控件160

内容160

样式161

函数165

小结169

 第13章 button控件170

按钮类型171

primary按钮171

带图标的primary按钮171

玻璃材质的primary按钮171

带阴影效果的primary按钮171

镶边的primary按钮172

go按钮172

为go按钮镶边172

编写button控件172

css175

小结185

 第14章 price控件186

price控件介绍186

html代码186

css代码187

控件代码191

shipping控件192

html代码193

css代码193

控件代码195

使用控件196

小结196

 第15章 product控件197

插入控件199

控件产生的html199

css202

product控件的数据205

控件206

小结208

 第16章 table控件210

html结构212

数据对象215

table控件215

样式216

通用效果样式217

宽屏效果样式218

窄屏效果样式223

增加媒体查询225

小结228

 第17章 tab控件229

html231

数据233

控件234

创建tab控件235

javascript236

tab控件的样式239

所有效果的通用样式239

水平效果的样式243

垂直效果的样式248

小结253

 第18章 form控件254

html结构256

fieldset控件258

input控件260

数据对象265

创建一个表单269

css269

建立一个快捷方式281

小结282