1. 减少HTTP请求次数
合并图片、CSS、JS,改进首次访问用户等待时间。
2. 使用CDN
就近缓存==>智能路由==>负载均衡==>WSA全站动态加速
3. 避免空的src和href
当link标签的href属性为空、script标签的src属性为空的时候,浏览器渲染的时候会把当前页面的URL作为它们的属性值,从而把页面的内容加载进来作为它们的值。测试
4. 为文件头指定Expires
使内容具有缓存性。避免了接下来的页面访问中不必要的HTTP请求。
5. 使用gzip压缩内容
压缩任何一个文本类型的响应,包括XML和JSON,都是值得的。旧文章
6. 把CSS放到顶部
7. 把JS放到底部
防止js加载对之后资源造成阻塞。
8. 避免使用CSS表达式
9. 将CSS和JS放到外部文件中
目的是缓存,但有时候为了减少请求,也会直接写到页面里,需根据PV和IP的比例权衡。
10. 权衡DNS查找次数
减少主机名可以节省响应时间。但同时,需要注意,减少主机会减少页面中并行下载的数量。
IE浏览器在同一时刻只能从同一域名下载两个文件。当在一个页面显示多张图片时,IE 用户的图片下载速度就会受到影响。所以新浪会搞N个二级域名来放图片。
11. 精简CSS和JS
12. 避免跳转
同域:注意避免反斜杠 “/” 的跳转;
跨域:使用Alias或者mod_rewirte建立CNAME(保存域名与域名之间关系的DNS记录)
13. 删除重复的JS和CSS
重复调用脚本,除了增加额外的HTTP请求外,多次运算也会浪费时间。在IE和Firefox中不管脚本是否可缓存,它们都存在重复运算JavaScript的问题。
14. 配置ETags
它用来判断浏览器缓存里的元素是否和原来服务器上的一致。比last-modified date更具有弹性,例如某个文件在1秒内修改了10次,Etag可以综合Inode(文件的索引节点(inode)数),MTime(修改时间)和Size来精准的进行判断,避开UNIX记录MTime只能精确到秒的问题。 服务器集群使用,可取后两个参数。使用ETags减少Web应用带宽和负载
15. 可缓存的AJAX
“异步”并不意味着“即时”:Ajax并不能保证用户不会在等待异步的JavaScript和XML响应上花费时间。
16. 使用GET来完成AJAX请求
当使用XMLHttpRequest时,浏览器中的POST方法是一个“两步走”的过程:首先发送文件头,然后才发送数据。因此使用GET获取数据时更加有意义。
17. 减少DOM元素数量
是否存在一个是更贴切的标签可以使用?人生不仅仅是DIV+CSS
18. 避免404
有些站点把404错误响应页面改为“你是不是要找***”,这虽然改进了用户体验但是同样也会浪费服务器资源(如数据库等)。最糟糕的情况是指向外部 JavaScript的链接出现问题并返回404代码。首先,这种加载会破坏并行加载;其次浏览器会把试图在返回的404响应内容中找到可能有用的部分当作JavaScript代码来执行。
19. 减少Cookie的大小
20. 使用无cookie的域
比如图片 CSS 等,Yahoo! 的静态文件都在主域名以外,客户端请求静态文件的时候,减少了 Cookie 的反复传输对主域名的影响。
21. 不要使用滤镜
png24的在IE6半透明那种东西,别乱使,淡定的切成PNG8+jpg
22. 不要在HTML中缩放图片
23. 缩小favicon.ico并缓存
- 浏览: 152498 次
- 性别:
- 来自: 南京
最新评论
-
chen_zujun:
java Object生成实例的new和newInstance的区别? -
honey00125:
感谢楼主分享!
JQuery权威指南源代码整理下载 -
Jojay90:
真的不错, 谢谢此分享!
JQuery权威指南源代码整理下载 -
wjyuian:
感谢楼主,好资料,,下了看看
JQuery权威指南源代码整理下载 -
toefllitong:
感谢楼主的分享,支持越来越多的人分享
JQuery权威指南源代码整理下载
相关推荐
的“YSlow”规则,这套规则是基于23条最佳实践,旨在优化网页的加载速度。yslow会根据这些规则对网页进行评分,并提供改进的建议,包括减少HTTP请求、合并CSS和JavaScript文件、启用压缩、缓存利用等。 yslow-3.1.0...
1. **页面分析**:YSLOW可以分析网页的各个组成部分,包括CSS、JavaScript、图片等,计算出加载时间,并根据预设的规则集进行评分。 2. **规则解释**:每个评分规则都有详细的解释,帮助开发者理解为何某些元素会...
YSlow是Yahoo发布的一款基于FireFox的插件,这个插件可以分析网站的页面,并告诉你为了提高网站性能,如何基于某些规则而进行优化。yslow3.18支持firefox30版本
YSlow 是Yahoo发布的一款基于FireFox的插件,这个插件可以分析网站的页面,并告诉你为了提高网站性能,如何基于某些规则而进行优化。
YSlow是Yahoo发布的一款基于FireFox的插件。 安装YSlow必须首先先安装 Firebug,然后下载YSlow,再对... YSlow可以分析任何网站,并为每一个规则产生一个整体报告,如果页面可以进行优化,则YSlow会列出具体的修改意见
FireBug和YSlow是Web开发和优化领域中的两个重要工具,尤其对于前端开发者而言,它们是不可或缺的利器。本文将详细介绍这两个工具的功能、用途以及如何使用它们来提升网页性能。 **FireBug** FireBug是一款集成在...
- **精英(V1导联)**:包含YSlow 1.0中原始的13条规则。 - **小网站或博客**:适用于小型网站或个人博客,包含14条规则。 用户可以根据需要自定义规则集,具体步骤如下: 1. 点击Rulesets下拉菜单旁边的“Edit”...
YSlow规则主要由23条组成,这些规则分为三个类别:内容、浏览器和服务器。以下是部分关键规则的简要概述: 1. **减少HTTP请求**:每个HTTP请求都会增加页面加载时间,因此应尽量合并CSS、JavaScript文件,以及使用...
YSlow可以分析页面的各个组成部分,包括图片、脚本、样式表等,根据预设的规则给出评分,帮助开发者识别性能瓶颈,优化页面加载时间,提升用户体验。 结合Firebug和YSlow,开发者可以在Firefox 35.0.1环境下进行全...
的网页性能最佳实践,这套实践由34条规则组成,涵盖了网页设计和开发的多个方面。YSlow会分析网页的各个组成部分,包括图片、脚本、样式表等,并根据这些规则给出评分,指出哪些部分可以优化以提升加载速度。主要...
YSlow是yahoo美国开发的一个页面评分插件,非常的棒,从中我们可以看出我们页面上的很多...仔细研究了下YSlow的评分规则。主要有12条:1. Make fewer HTTP requests 尽可能少的http请求。。我们有141个请求(其中15个JS
这个插件基于YSlow规则,由Yahoo!开发,旨在帮助用户遵循最佳实践来提升网页的性能。 **YSlow** 的核心是其性能评分系统,它根据一系列预定义的规则对网页进行评分。这些规则主要分为几个类别,包括: 1. **减少...
Firebug和YSlow是两款非常重要的Web开发和性能优化工具,尤其在JavaScript调试和网页速度分析方面具有显著作用。它们都是Firefox浏览器的扩展插件,能够帮助开发者深入理解页面加载和执行过程,从而提高网站的性能和...
#### 二、Yslow工具介绍 Yslow是一款基于Firefox浏览器的扩展程序,它可以集成到Firebug中使用。它通过分析网页的各项性能指标来评估网页的加载时间,并提供一系列改进性能的建议。Yslow主要依据雅虎提出的前端性能...
yahoo性能中心总结的高性能网站设计的14条规则,这个工具就是用来根据这些规则对你的网站进行测试评分的,下载后直接拖到firefox里就可以自动安装了,但是先要装另外一个插件firebug,在我上传的资源列表里可以找到
2. **规则集**:YSlow有一套完整的规则,如减少HTTP请求数、合并CSS和JavaScript文件、使用CDN、缓存静态资源等,每条规则都有详细的解释。 3. **建议报告**:生成的报告详细列出每个性能因素的得分,并给出相应的...
YSlow.3.1.2.crx for Chrome : yahoo性能中心总结的高性能网站设计的14条规则,这个工具就是用来根据这些规则对你的网站进行测试评分的,下载后直接拖到chrome里就可以自动安装了
YSLOW的核心理念是基于雅虎的前端性能最佳实践规则,这些规则经过了多年的实践和验证,对提升网站性能具有显著效果。 **1. YSLOW的工作原理** YSLOW通过浏览器扩展的形式运行,支持Firefox、Chrome和Safari等主流...
起草的高性能网站规则,告诉您网页加载缓慢的原因。YSlow可以帮助开发人员诊断瓶颈和识别问题,提高网页加载速度。 知识点5:安装Firebug和YSlow ------------------------- 安装Firebug和YSlow非常简单,执行以下...