摘自:http://blog.sina.com.cn/s/blog_74d6cedd0100vbu4.html
1. 尽可能的减少 HTTP 的请求数 [content]
合并背景图、缓存等
2. 使用 CDN(Content Delivery Network) [server]
也是缓存,加速,要考虑CDN失效、CDN缓存攻击等
3. 添加 Expires 头(或者 Cache-control ) [server]
会引起静态资源更新的问题,可采用somescript.js?v=1.0的方式来解决,但在发布新版本的时候会引起短暂页面错误。更好的办法是采用hash冗余。例如新版的index.html中引用到的脚本以其内容hash后命名为:somescript_a21b3c.js,可避免新版发布时页面错误的问题。后者的难点在于如何为全站引用到相关静态资源的页面修改引用链接
4. Gzip 组件 [server]
5. 将 CSS 样式放在页面的上方 [css]
6. 将脚本移动到底部(包括内联的) [javascript]
HTTP/1.1规范建议浏览器每个主机的并行下载数不超过2个(IE只能为2个,其他浏览器如ff等都 是默认设置为2个,不过新出的ie8可以达6个)。因此如果您把图像文件分布到多台机器的话,您可以达到超过2个的并行下载。但是当脚本文件下载时,浏览 器不会启动其他的并行下载。
7. 避免使用 CSS 中的 Expressions [css]
8. 将 JavaScript 和 CSS 独立成外部文件 [javascript] [css]
可减少页面大小,配合缓存可减少http访问次数,也易于维护。不过据说yahoo建议首页是内嵌~~
9. 减少 DNS 查询 [content]
减少dns查询时间
10. 压缩 JavaScript 和 CSS (包括内联的) [javascript] [css]
也是减少传输体积
11. 避免重定向 [server]
重定向明显就多了一次请求,响应变慢。特别注意:
http://domain/somepath/subpath
http://domain/somepath/subpath/
一些服务器配置的情况下,前者会造成重定向
12. 移除重复的脚本 [javascript]
13. 配置实体标签(ETags) [css]
不懂,引文:http://www.kuqin.com/web/20080513/8442.html
14. 使 AJAX 缓存
分享到:
相关推荐
Yahoo的WEB前端优化34条原则。大型web开发必备的技术知识。很不错哦
无论是在工作中,还是在面试中,web前端性能的优化都是很重要的,那么我们进行优化需要从哪些方面入手呢,这篇文章主要介绍了浅谈雅虎前端优化的35条军规,感兴趣的小伙伴们可以参考一下
前端优化-雅虎军规35条 网页内容上 1 减少http请求次数 80%的终端用户响应时间都花在了前端上,其中大部分时间都在下载页面上的各种组件:图片,样式表,脚本,Flash等等。减少组件数必然能够减少页面提交的HTTP请求...
Web前端、模块化、组件开发、性能优化 随着互联网技术的发展,人们越来越习惯通过网络获取信息,在线学习平台 也因此应运而生。同时,人们对于网站的易用性和交互...在性能优化方面则结合了雅虎十四条 进行归纳和设计。
一说到性能优化,大家都不约而同的想起了雅虎的军规,2-5-8原则,3秒的首屏准则等等,这些规则在开发中虽然不是强制要求的,但是为了追求页面性能的完美体验,就不得不对代码进行修改和优化。 下面就与大家一同分享...
1. 前端页面优化 1.1. 雅虎最佳实践之加速网站速度法则 1.1.1. 减少HTTP请求次数 1.1.2 等等 1.2. Javascript语言效率 2. 后台代码优化 等
我们有雅虎14条性能优化原则,还有两本很经典的性能优化指导书:《高性能网站建设指南》、《高性能网站建设进阶指南》。经验丰富的工程师对于前端性能优化方法耳濡目染,基本都能一一列举出来。这些性能优化原则大概...
前端性能优化实践# 知识体系与小册格局 ## 写给读者 提起性能优化,大家现在脑海里第一时间会映射出什么内容呢? 可能是类似[“雅虎军规”](https://developer.yahoo.com/performance/rules.html?guccounter=1)和...
前端性能优化实践# 知识体系与小册格局 ## 写给读者 提起性能优化,大家现在脑海里第一时间会映射出什么内容呢? 可能是类似[“雅虎军规”](https://developer.yahoo.com/performance/rules.html?guccounter=1)和...
前端性能优化实践# 知识体系与小册格局 ## 写给读者 提起性能优化,大家现在脑海里第一时间会映射出什么内容呢? 可能是类似[“雅虎军规”](https://developer.yahoo.com/performance/rules.html?guccounter=1)和...
特点:简单明了,认真阅读思考,绝对对你的开发有帮助,给自己的技术投点资吧
做为网站建设者,如何提高网站性能,成为炙手可热的问题,本课程让你清楚影响网站性能的原因,从而避免不利于网站性能的因素,借助Yslow工具快速找到问题所在,提高网站性能,让提高网站性能、快速访问网站不在是...
首先我们要学一些优化网站性能和体验的理论和基础知识,雅虎已经帮我们总结好了,详见参考链接中的几篇文章,有好心人已经给翻译成中文了。这里面提到的一些技巧可操作性都很强,建议每一个网站开发人员都仔细学习并...
Yahoo关于性能优化的35条不可触犯的军规,web2.0的设计与视觉,用户越来越注重用户体验,但用户体验的前提就是网站的访问速度,对于一个大型网站的yahoo来说,处理性能优化是不可缺少的,他是怎么制定性能优化呢,...
前端性能优化实践# 知识体系与小册格局 ## 写给读者 提起性能优化,大家现在脑海里第一时间会映射出什么内容呢? 可能是类似[“雅虎军规”](https://developer.yahoo.com/performance/rules.html?guccounter=1)和...
前端性能优化实践# 知识体系与小册格局 ## 写给读者 提起性能优化,大家现在脑海里第一时间会映射出什么内容呢? 可能是类似[“雅虎军规”](https://developer.yahoo.com/performance/rules.html?guccounter=1)和...
前端性能优化实践# 知识体系与小册格局 ## 写给读者 提起性能优化,大家现在脑海里第一时间会映射出什么内容呢? 可能是类似[“雅虎军规”](https://developer.yahoo.com/performance/rules.html?guccounter=1)和...