速度与激情 以网站性能提升用户体验PDF电子书下载

第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