高性能网站建设指南(第二版)
出版信息
Steve Souders / 刘彦博 / 电子工业出版社 / 2015-5 / 55.00元
内容简介
《高性能网站建设指南:前端工程师技能精髓》结合Web 2.0以来Web开发领域的最新形势和特点,介绍了网站性能问题的现状、产生的原因,以及改善或解决性能问题的原则、技术技巧和最佳实践。重点关注网页的行为特征,阐释优化Ajax、CSS、JavaScript、Flash和图片处理等要素的技术,全面涵盖浏览器端性能问题的方方面面。在《高性能网站建设指南:前端工程师技能精髓》中,作者给出了14条具体的优化原则,每一条原则都配以范例佐证,并提供了在线支持。全书内容丰富,主要包括减少HTTP请求、Edge Computing技术、Expires Header技术、gzip组件、CSS和JavaScript最佳实践、主页内联、Domain最小化、JavaScript优化、避免重定向的技巧、删除重复JavaScript的技巧、关闭ETags的技巧、Ajax缓存技术和最小化技术等。
《高性能网站建设指南:前端工程师技能精髓》适合Web架构师、信息架构师、Web开发人员及产品经理阅读和参考。
作者简介
Steve Souders在Yahoo!担任Chief Performance。他于2000年加盟Yahoo!,在该公司的很多平台和产品团队中工作过。在他到达今天这个位置之前,他就职于My Yahoo!开发团队。.
作为Chief Performance Yahoo!,他开发了一系列优秀软件,可以使网站访问速度变得更快。他构建了用于进行性能分析的工具,并将这些优秀软件和工具传播到Yahoo!的各个产品团队中。
在到Yahoo!之前,Steve就职于很多小型或中型公司,包括他和别人一起创办的两个公司——Helix Systems和CoolSync。
目录
推荐序 xiii
前言 xv
绪言A 前端性能的重要性 1
跟踪Web页面性能 1
时间花在哪儿了? 3
性能黄金法则 4
绪言B HTTP概述 6
压缩 7
条件GET请求 7
Expires 8
Keep-Alive 8
更多信息 9
第1章 规则1——减少HTTP请求 10
图片地图 10
CSS Sprites 11
内联图片 13
合并脚本和样式表 15
小结 16
第2章 规则2——使用内容发布网络 18
内容发布网络 19
节省 20
第3章 规则3——添加Expires头 22
Expires头 22
Max-Age和mod_expires 23
空缓存VS完整缓存 24
不仅仅是图片 25
修订文件名 27
示例 28
第4章 规则4——压缩组件 29
压缩是如何工作的 29
压缩什么 30
节省 31
配置 31
代理缓存 33
边缘情形 34
压缩的实际效果 35
第5章 规则5——将样式表放在顶部 37
逐步呈现 37
sleep.cgi 38
白屏 39
无样式内容的闪烁 43
前端工程师应该做什么? 43
第6章 规则6——将脚本放在底部 45
脚本带来的问题 45
并行下载 46
脚本阻塞下载 48
最差情况:将脚本放在顶部 49
最佳情况:将脚本放在底部 49
正确地放置 50
第7章 规则7——避免CSS表达式 51
更新表达式 52
围绕问题展开工作 52
小结 54
第8章 规则8——使用外部JavaScript和CSS 55
内联VS外置 55
典型的对比结果 58
主页 58
两全其美 59
第9章 规则9——减少DNS查找 63
DNS缓存和TTL 63
浏览器的视角 66
减少DNS查找 68
第10章 规则10——精简JavaScript 69
精简 69
混淆 70
节省 70
示例 72
锦上添花 73
第11章 规则11——避免重定向 76
重定向的类型 76
重定向是如何损伤性能的 77
重定向之外的其他选择 79
第12章 规则12——删除重复脚本 85
重复脚本——确有其事 85
重复脚本损伤性能 86
避免重复脚本 87
第13章 规则13——配置ETag 89
ETag是什么? 89
ETag带来的问题 91
Etag——用还是不用 93
现实世界中的ETag 94
第14章 规则14——使Ajax可缓存 96
Web 2.0、DHTML和Ajax 96
异步与即时 98
优化Ajax请求 99
现实世界中的Ajax缓存 99
第15章 析构十大网站 103
页面大小、响应时间、YSlow等级 103
如何进行测试 105
Amazon 107
AOL 110
CNN 114
eBay 116
Google 120
MSN 123
MySpace 127
Wikipedia 130
Yahoo! 132
YouTube 135
索引 139