高性能网站建设

近日读了《高性能网站建设指南》一书。就此发点笔记。

目录:
绪言A、绪言B
第1章:规则1——减少HTTP请求
第2章:规则2——使用内容发布网络
第3章:规则3——添加Expires头
第4章:规则4——压缩组件
第5章:规则5——将样式表放在顶部
第6章:规则6——将脚本放在底部
第7章:规则7——避免CSS表达式
第8章:规则8——使用外部JavaScript和CSS
第9章:规则9——减少DNS查找
第10章:规则10——精简JavaScript
第11章:规则11——避免重定向
第12章:规则12——移除重复脚本
第13章:规则13——配置ETag
第14章:规则14——使AjaX可缓存
第15章:析构十大网站

第一章减少HTTP请求。
原因:只有10%~20%的用户响应时间花在接收HTML文档上。80%~90%的时间用于HTML引用的组件(img、css、js)上。
使用方法:

  1. 图片地图。
  2. css占卜写板(整合一些小图片到一张图片里,再用backgroundPosition定位显示)。
  3. 内联图片(通过使用data,IE不支持)。
  4. 全并脚本和样式表


第二章:使用内容发布网络
原因:用户群基数过大,选择就近的服务器最好。
使用方法:

  1. 自己架构内容发布网络(CDN)
  2. 租用CDN服务提供商的服务。Akamai Technologies、Limelight Network


第三章:添加Expires头
原因:自定义缓存时间,web服务器使用Expires头来告诉Web客户端它可以使用一个组件的当前副本,直到指定的时间为止。可减少HTTP请求。
使用方法:

  1. Expires: Thu,15 Apr 2010 20:00:00 GMT
  2. Max-Age和mod_expires。max-age指定组件缓存多久。
  3. 组件更新时,使用新的文件名。

第四章:压缩组件
原因:减少响应发送的数据量。
使用方法:

  1. Web服务器通过响应中的Content-Encoding头来通知Web客户端:Content-Encoding:gzip。gzip是目前(2010)最流行和最有效的压缩方法。
  2. 压缩HTML、CSS文件、JS文件
  3. 配置gzip时使用的模板取决于Apache的版本。

……

第十章:精简JavaScript
原因:js为无编译步骤代码,应该减少字符量
使用方法:

  1. 去除注释和空白(混淆)
  2. 缩短变量名(节省)。可用工具:JSMin(Yahoo!开发,本书作者所在公司)

第十一章:避免重定向
原因:各种原因会导致URL重定向,加大查找文档时间
使用方法:

  1. 避免js重定向
  2. 在访问文件夹时加上/。如:http://baidu.com/123  和 http://baidu.com/123/   缺少结尾斜线会依赖自动索引,URL通常会与根目录相关而不是与当前目录相关。

……

本人关注理解仅限笔记描述部分,如对此书有深厚兴趣,请阅读《高性能网站建设指南》/《High performance Web site》steve souders著

转载于:https://www.cnblogs.com/Cprogrammer/archive/2011/05/29/2062045.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
高性能网站建设指南 “如果实现了Steve这些建议中的20%,你的站点就能出现戏剧性的变化。有了这本书和YSlow扩展,实在是没有理由再构建出运行速度缓慢的网站了。”         ——Joe Hewitt,Firebu9调试器和Mozilla的DOM解释器的开发者   “Steve Souders完成了一项神奇的工作,他提出了一系列简明的、可操作的,并且注重实效的开发步骤,使Web性能世界发生了翻天覆地的改变。”         ——Eric Lawrence,微软Fiddler Web Debugger开发者   想让你的网站显示得更快?本书提供了14种规则,可以使用户在请求页面时减少20%~25%的响应时间。作为Chief Performance Yahoo!,作者Steve Souders收集了在优化网络时访问最多的页面积累下来的最佳实践。即使网站已经进行了高度的优化——如Yahoo!Search和Yahoo!首页——我们也能从这些出奇简单的性能规则中获益。   《高性能网站建设指南》一书介绍了如何针对网站中的Ajax、CSS、JavaScript、Flash和图片进行性能优化。每个性能规则都提供了示例,在本书的配套网站上可以找到代码片段。这些规则包括:   •减少HTTP请求     •使用外部JavaScript和CSS   •使用内容发布网络   •减少DNS查找   •添力Expires头     •精简JavaScript   •压缩组件       •避免重定向   •将样式表放在顶部 •移除重复脚本   •将脚本放在底部   •配置ETag   •避免CSS表达式   •使Ajax可缓存   如果你希望构建高流量页面,并且改善用户访问网站的体验,那么本书是你不可或缺之物。   Steve Souders,Chief Performance Yahoo!,为Yahoo!的其他产品团队开发了性能分析工具,并致力于推广这些最佳实践和工具。在加盟Yahoo!之前,Stevee曾就职于多家中小型公司,其中有两家还是他协办的——Helix Systems和CoolSync。他是斯坦福大学管理科学与工程硕士。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值