内容简介
本书结合Web 2.0以来Web开发领域的最新形势和特点,介绍了网站性能问题的现状、产生的原因,以及改善或解决性能问题的原则、技术技巧和最佳实践。重点关注网页的行为特征,阐释优化Ajax、CSS、JavaScript、Flash和图片处理等要素的技术,全面涵盖浏览器端性能问题的方方面面。在《高性能网站建设指南》中,作者给出了14条具体的优化原则,每一条原则都配以范例佐证,并提供了在线支持。《高性能网站建设指南》内容丰富,主要包括减少HTTP请求、Edge Computing技术、Expires Header技术、Gzip组件、CSS和JavaScript最佳实践、主页内联、Domain最小化、JavaScript优化、避免重定向的技巧、删除重复JavaScript的技巧、关闭ETags的技巧、Ajax缓存技术和最小化技术等。《高性能网站建设指南》适合Web架构师、信息架构师、Web开发人员及产品经理阅读和参考。
目录
- 序
- 前言
- 绪言A:前端性能的重要性
- 跟踪Web页面性能
- 时间花在哪了?
- 性能黄金法则
- 绪言B:HTTP概述
- 压缩
- 条件GET请求
- Expircs
- Kcep-Alive
- 更多信息
- 第1章:规则1——减少HTTP请求
- 图片地图
- CSS Sprites
- 内联图片
- 合并脚本和样式表
- 小结
- 第2章:规则2——使用内容发布网络
- 内容发布网络
- 节省
- 第3章:规则3——添加Expires头
- Expires头
- Max-Agc和mod_cxpircs
- 空缓存VS完整缓存
- 不仅仅是图片
- 修订文件名
- 示例
- 第4章:规则4——压缩组件
- 压缩是如何工作的
- 压缩什么
- 节省
- 配置
- 代理缓存
- 边缘情形
- 压缩的实际效果
- 第5章:规则5——将样式表放在顶部
- 逐步呈现
- sleep.cgi
- 白屏
- 无样式内容的闪烁
- 前端工程师应该做什么?
- 第6章:规则6——将脚本放在底部
- 脚本带来的问题
- 并行下载
- 脚本阻塞下载
- 最差情况:将脚本放在顶部
- 最佳情况:将脚本放在底部
- 正确地放置
- 第7章:规则7——避免CSS表达式
- 更新表达式
- 围绕问题展开工作
- 小结
- 第8章:规则8——使用外部JavaScript和CSS
- 内联VS外置
- 典型的对比结果
- 主页
- 两全其美
- 第9章:规则9——减少DNS查找
- DNS缓存和TTL
- 浏览器的视角
- 减少DNS查找
- 第10章:规则10——精简JavaScript
- 精简
- 混淆
- 节省
- 示例
- 锦上添花
- 第11章:规则11——避免重定向
- 重定向的类型
- 重定向是如何损伤性能的
- 重定向之外的其他选择
- 第12章:规则12——移除重复脚本
- 重复脚本——确有其事
- 重复脚本损伤性能
- 避免重复脚本
- 第13章:规则13——配置ETag
- ETag是什么?
- ETag带来的问题
- Etag——用还是不用
- 现实世界中的ETag
- 第14章:规则14——使AjaX可缓存
- Web 2,0、DHTML和Ajax
- 异步与即时
- 优化AJax请求
- 现实世界中的Ajax缓存
- 第15章:析构十大网站
- 页面大小、响应时间、YSlow等级
- 如何进行测试
- Amazon
- AOL
- CNN
- eBay
- Googlc
- MSN
- MySpace
- Wikipedia
- Yahoo
- YouTube
- 索引
针对每个性能相关点,都尽量用图示方法来展现其性能差异, 然后提问题, 讲解提升性能的方法.
之前没有注意前端的性能问题, 这本书给我带来诸多新思想, 一个小时的阅读,即可读完, 读后有收获, 我喜欢.....
第二本<高性能网站建设进阶指南> 似乎也不错哦, 主要针对浏览器加载js的限制/ js 脚本运行性能 / ajax 低消耗/ iframe 的问题/ 图片格式特点及优化方法 提供了很多有用的建议, 另外还有 诸多工具推荐....
这本译书的副标题是:前端工程师技能精髓。其实副标题应该是:14条让网站加速的“黄金定律”。这本书可谓是字字珠玑,虽内容很薄但层次很高级。它的作者: Steve Souders 说他在服务端开发领域中编程性能已做到极致了,这说明作者在服务端开发的领域已淫浸N久,到了无以复加的境界(可以了解国内的前端开发比国外的差距)。书中的14条“不二”规则是作者多年经验积累所得,这可不是一般人能告诉你的啊。因为前端开发的发展不长,能总结出这些条例规则的人,必须要有作者这样的高度和深度。
绪言B HTTP协议的知识内容着实恶补了下。HTTP的相关书在国内是不多见的,所以不错的喔!
该书适合所有Web开发人员认真仔细的阅读,不光只是前端开发人员。本文的第一句话就强调译书的副标题有误导读者的味道。而该书唯一的缺点是电工视点博文的书价太高(杀猪价,吓倒一批忠实读者)。还好的是,这本书比它出版的其它书要薄太多了,本人是在书店花三个小时看完的。
从这本书里,让我意识到,除了标准的xHTML/CSS/JavaScript,一个优秀的前端工程师还应该具备什么样的技能呢?
1. 精通浏览器工作原理及不同浏览器间的差异
2. 理解HTTP协议
3. 掌握服务器端编程
4. 了解网络环境配置