速度与激情

内容概要

作者简介：

Lara Callender Hogan

是Etsy性能团队的高级工程经理，曾管理Etsy的移动Web工程团队。在加入Etsy之前，Lara是一名用户体验经理，也是一名自学成才的前端开发人员，曾在多家创业公司任职。

译者简介：

赵望野

前豌豆荚前端团队负责人。2011年加入豌豆荚，先后参与过豌豆荚2.0前端架构设计及豌豆荚前端研发自动化等项目的研发工作。目前在创业中，从事企业内部效率工具的SaaS产品研发。

刘帅

至真（医疗领域）用户体验总监，主管Web前端、App端、设计，曾任回家吃饭（家厨共享）Web前端负责人。毕业于哈尔滨工程大学，获得计算机科学与技术专业学士学位。毕业后，曾就职于新浪、阿里巴巴、腾讯、百度、小米，参与研发QQBrowser、QQ、百度打车、百度地图等产品。喜好自驾、摄影。

书籍目录

Steve Souders序　　xi

Randy J. Hunt序　　xiii

前言　　xv

第1章　性能即用户体验　　1

1.1　对品牌的影响　　2

1.1.1　回访用户　　2

1.1.2　搜索引擎排名　　2

1.2　对移动用户的影响　　3

1.2.1　移动网络　　4

1.2.2　移动行为模式　　6

1.2.3　移动硬件　　7

1.3　设计师对性能的影响　　8

第2章　页面速度初探　　12

2.1　浏览器如何渲染内容　　12

2.1.1　请求　　13

2.1.2　连接　　15

2.2　页面大小　　16

2.3　感知性能　　18

2.3.1　关键渲染路径　　18

2.3.2　卡顿　　21

2.4　影响页面速度的其他因素　　22

2.4.1　地理位置　　22

2.4.2　网络　　23

2.4.3　浏览器　　23

第3章　优化图片　　24

3.1　图片格式的选择　　25

3.1.1　JPEG　　25

3.1.2　GIF　　29

3.1.3　PNG　　32

3.1.4　额外的压缩　　36

3.2　替换图片请求　　38

3.2.1　精灵图　　38

3.2.2　CSS3　　45

3.2.3　data URI 和Base64 编码图像　　50

3.2.4　SVG　　51

3.3　图片使用规划和改进　　55

3.3.1　建立日常检查机制　　55

3.3.2　创建样式指南　　56

3.3.3　指导其他的图片创作者　　56

第4章　优化HTML 标记和样式　　58

4.1　简化HTML　　58

4.1.1　过度嵌套　　59

4.1.2　语义化　　60

4.1.3　可访问性　　63

4.1.4　框架和网格系统　　63

4.2　简化CSS　　65

4.2.1　未使用的样式　　66

4.2.2　合并及精简样式　　67

4.2.3　精简样式图片　　72

4.2.4　去除特殊性　　73

4.3　优化网络字体　　74

4.4　创建可复用的HTML 标记　　77

4.5　关于HTML 标记的进一步思考　　82

4.5.1　CSS 和JavaScript 加载　　82

4.5.2　压缩和gzip　　84

4.5.3　资源缓存　　86

第5章　响应式Web 设计　　88

5.1　谨慎加载内容　　89

5.1.1　图片　　89

5.1.2　字体　　96

5.2　方案　　97

5.2.1　项目文档　　97

5.2.2　移动优先　　98

5.2.3　衡量一切　　99

第6章　性能评估与迭代　　104

6.1　浏览器工具　　105

6.1.1　YSlow　　105

6.1.2　Chrome 开发者工具　　106

6.2　综合测试　　108

6.3　真实用户监控　　112

6.4　持续改变　　114

第7章　权衡美感与性能　　118

7.1　找到平衡点　　118

7.2　将性能作为工作流程的一部分　　121

7.3　基于性能预算尝试新设计　　121

7.4　结合性能试验设计　　122

第8章　改变组织文化　　125

8.1　性能卫士　　125

8.2　向上管理　　128

8.2.1　对业务指标的影响　　128

8.2.2　体验网站速度　　130

8.3　与其他设计者和开发者工作　　132

8.3.1　培训　　132

8.3.2　认可　　133

作者介绍　　140

封面介绍　　140

作者简介

本书探讨如何提升网站性能，分8章详细介绍性能提升所需的工具、软件、方法，主要内容包括：页面加载速度的基础知识，图片的格式和优化方法，HTML标记和样式的优化，如何用好响应式Web设计，网站性能的评估方法，以及如何打造组织的性能文化。本书适合前端设计和开发人员阅读参考。

 速度与激情下载