Yahoo军规

一、尽可能减少HTTP请求数

什么是HTTP请求?

093052_tv7p_3176241.png

093126_UNBP_3176241.png

ps:右侧为优化后的请求。

二、使用CDN(内容分发网络)

093433_rYe9_3176241.png

093540_6lUC_3176241.png

093629_4XED_3176241.png

ps: 右侧需要在离用户近的地方添加副本服务器。

三、添加Expire/Cache-Control头

093907_nFPt_3176241.png

093954_IxS6_3176241.png

PS:简单来说,就是服务器在发送请求的时候添加了一个时间值,本机会根据这个时间值来判断是否要重新获取

四、启用Gzip压缩

        GZIP最早由Jean-loup Gailly和Mark Adler创建,用于UNIX系统的文件压缩。后缀为.gz的文件,它们就是GZIP格式的。现今已经成为Internet 上使用非常普遍的一种数据压缩格式,或者说一种文件格式。HTTP协议上的GZIP编码是一种用来改进WEB应用程序性能的技术。大流量的WEB站点常常使用GZIP压缩技术来让用户感受更快的速度。这一般是指WWW服务器中安装的一个功能,一般对纯文本内容可压缩到原大小的40%.这样传输就快了

094422_pNAA_3176241.png

压缩内容包括:

094454_H9bO_3176241.png

094542_1DNq_3176241.png

五、将CSS放在页面最上面

094834_pren_3176241.png

放在上面:先进行加载。

095003_FmCu_3176241.png

六、将Script放在页面最下面

打开网页,代码的加载顺序如下:

095215_W6x8_3176241.png

095509_ZT4a_3176241.png

七、避免在CSS中使用Expressions

095819_AdqJ_3176241.png

095700_cmge_3176241.png

八、将JavaScript和CSS都放在外部文件中

095950_THY4_3176241.png

100037_DD29_3176241.png

100140_NXUU_3176241.png

九、减少DNS查询

102143_lFU2_3176241.png

缓存时间:

102240_89uK_3176241.png

102306_m6Pm_3176241.png

102356_L9FT_3176241.png

十、压缩JavaScript和Css

102634_HXTl_3176241.png

102724_pYY8_3176241.png

102750_O2vk_3176241.png

十一、避免重定向

102836_xhsJ_3176241.png

102958_d9oz_3176241.png

103131_abkf_3176241.png

103305_DI0C_3176241.png

十二、移除重复的脚本

十三、配置实体标签(ETags)

104253_cnbf_3176241.png 104301_L4r7_3176241.png

104206_YaW2_3176241.png

用户想服务器请求,如果服务器和浏览器的Etag一致,意味着该资源没有修改过,和以前是一样的。服务器返回304,告诉浏览器对比一致可以使用本地缓存的版本。

减少服务器重新计算。

十四、使用AJAX缓存

两种请求:

104826_6lQb_3176241.png

105250_FEsJ_3176241.png

十五、Yslow网站性能优化

105745_vWnO_3176241.png

YSlow使用:

110206_GTWu_3176241.png

110510_7sZ6_3176241.png

110640_USYf_3176241.png

110902_cU0U_3176241.png

Empty Cache:第一次打开页面时

Primed Cache:第二次打开页面时

转载于:https://my.oschina.net/u/3176241/blog/842182

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值