YSlow团队提出的“23条Web性能最佳实践和规则”

最新推荐文章于 2020-01-08 13:47:09 发布
转载 最新推荐文章于 2020-01-08 13:47:09 发布 · 160 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://my.oschina.net/feiyan/blog/41018
文章标签：

#javascript #ViewUI

本文提供了12条有效策略来减少HTTP请求次数，包括使用CDN、避免空标签、设置缓存头、Gzip压缩、合理放置样式表与JavaScript、减少DNS查找等，同时建议精简资源、避免不必要的重定向和重复脚本，以提升网页加载速度和用户体验。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

为什么80%的码农都做不了架构师？>>>   hot3.png

  1. 尽可能减少HTTP请求次数
  2. 使用CDN
  3. 避免空src和href标签
  4. 加入Expires或Cache-Control Header
  5. 使用Gzip压缩
  6. 在html文件顶部放置样式表
  7. 在html文件底部放置JavaScript脚本
  8. 避免使用CSS表达式
  9. 使用外部JavaScript和CSS外部文件
  10. 减少使用DNS查找次数
  11. 精简JavaScript和CSS
  12. 避免重定向
  13. 移除重复的脚本
  14. 配置ETag
  15. 缓存AJAX
  16. 使用GET完成AJAX请求
  17. 减少DOM元素数量
  18. 避免404
  19. 减少Cookie大小
  20. 使用无Cookie的域
  21. 避免使用滤镜
  22. 不要在HTML中缩放图片
  23. 使用小favicon.ico文件，并让其可缓存

转载于:https://my.oschina.net/feiyan/blog/41018

性能优化
07-11
的网页性能最佳实践规则，对网页进行评分并提出改进建议。YSlow工具通过分析网页的组件（如图片、CSS、JavaScript等），检查它们的加载顺序、缓存策略以及是否进行了压缩等，从而帮助开发者找到性能瓶颈并进行优化。...
高性能网站建设指南2 中文版 高性能网站建设指南(中文版)
01-19
　“Steve Souders完成了一项神奇的工作，他提出了一系列简明的、可操作的，并且注重实效的开发步骤，使Web性能世界发生了翻天覆地的改变。” 　——Eric Lawrence，微软Fiddler Web Debugger开发者 　想让你的网站...
Yahoo的Yslow23条规则
Bab的博客
03-13 306
一. CONTENT 减少使用HTTP请求(Minimize HTTP Requests) 通常打开一个页面的时候,大部分的时间都是在下载该页面的图片,css样式,js脚本,flash等等资源,减少这些资源的组件数,能够减少http请求,所以可以导致页面的访问速度变快. 减少DNS查找(Reduce DNS Lookups) 通常在访问一个页面的时候,都是通过属于页面的主机名来访问,但是实...
网站性能最佳惯例和规则
liukaixuan917的专栏
11-15 646
最近总是发现自己做的东西，执行起来效率很慢...还以为是代码不够规划，没想到上网查了一下还有那么多规则！ 那么网站优化的原则是什么呢？这里推荐网站优化的23条规则： 1. 减少HTTP请求次数 合并图片、CSS、JS，改进首次访问用户等待时间。 2. 使用CDN 就近缓存==>智能路由==>负载均衡==>WSA全站动态加速 3. 避免空的src和href 当link标签的h
来自yahoo的web优化规则（YSLOW的23条军规）
莫冲的专栏
09-11 268
https://developer.yahoo.com/performance/rules.html 认真研究下。收货不少
YSlow团队的23条“Web性能最佳实践和规则”
YaoXTao的专栏
10-10 1721
YSlow团队的23条“Web性能最佳实践和规则”
网页优化插件 YSlow
weixin_30384217的博客
03-17 140
YSlow是yahoo美国开发的一个页面评分插件，非常的棒，从中我们可以看出我们页面上的很多不足，并且可以知道我们改怎么却改进和优化。 YSlow跌评分规则。 主要有12条： 1. Make fewer HTTP requests 尽可能少的http请求。。我们有141个请求（其中15个JS请求，3个CSS请求，47个CSS background images请求），多的可怕。思考...
优化Web性能：高性能网站建设策略
该书关注自Web 2.0以来的新趋势和挑战，揭示了网站性能低下背后的根源，并提供了改进策略、实用技巧和最佳实践。书中不仅讨论了基本原理，还详细阐述了如何优化关键的网页构建元素，如Ajax、CSS、JavaScript、Flash...
【跨平台兼容性：KindEditor在不同浏览器中的表现】：全平台覆盖，最佳实践指南
!... # 摘要 跨平台兼容性是现代网页开发的...KindEditor作为一款流行的Web富文本编辑器，具有多样的功能和广泛的应用。本文首先从基础理论出发，阐释了跨平台兼容性的基础和重要性，随后深入探讨了KindEditor的核心功能、
高性能网站建设指南1
01-19
　“Steve Souders完成了一项神奇的工作，他提出了一系列简明的、可操作的，并且注重实效的开发步骤，使Web性能世界发生了翻天覆地的改变。” 　——Eric Lawrence，微软Fiddler Web Debugger开发者 　想让你的网站...
Yslow 23条规则
shuoyuan8002的博客
06-14 349
1. 减少HTTP请求次数 合并图片、CSS、JS，改进首次访问用户等待时间。 2. 使用CDN 就近缓存==>智能路由==>负载均衡==>WSA全站动态加速 3. 避免空的src和href 当link标签的href属性为空、script标签的src属性为空的时候，浏览器渲染的时候会把当前页面的URL作为它们的属性值，从而把页面的内容加载进来作为它们的值。 4. 为文件头指定Ex
Yslow23条军规理解
weixin_30732487的博客
03-18 112
1.Make fewer HTTP requests. 尽可能少的发送HTTP请求。页面有很多内嵌资源，这些内嵌资源的数量越少越好。每一次请求都是HTTP链接，每次链接服务器都会消耗，而且浏览器最多只能同时下载6个文件 2.Reduce DNS lookup.减少DNS寻找时间（解析时间）。（浏览器中查看DNS解析时间：network-all-点击链接-timing-DNS LOOKUP）(...
雅虎的卓越性能团队已经确定了23个军规
weixin_30443747的博客
05-29 139
1.减少HTTP请求次数 合并图片、CSS、JS，改进首次访问用户等待时间。 2.使用CDN 就近缓存==>智能路由==>负载均衡==>WSA全站动态加速 3.避免空的src和href 当link标签的href属性为空、script标签的src属性为空的时候，浏览器渲染的时候会把当前页面的URL作为它们的属性值，从而把页面的内容加载进来作为它们的值。 4.为文...
Yahoo14条前端优化规则(Yslow)
weixin_30659829的博客
03-10 129
1、MakeFewerHTTPRequests （尽可能减少http请求数） http请求是要开销的，减少请求数可以提高网页加载速度。常用的方法，合并css，js以及Imagemaps和csssprites等。（csssprites是指只用将页面上的背景图合并成一张，然后通过background-position来取背景。） 2、UseaContentDeliveryNe...
雅虎23条军规
dhr201499的博客
07-18 1020
雅虎23条军规 1 . Minimize HTTP Requests–尽可能减少HTTP请求次数. 2 . Use a Content Delivery Network–使用CDN（内容分发网络）. 就近缓存==>智能路由==>负载均衡==>WSA全站动态加速 3 . Avoid empty src or href–避免空src和href标签. ...
Yslow23条规则
郝云博客
09-09 2695
YslowYahoo发布的一款基于FireFox的插件,主要是为了提高网页性能而设计的，下面是它提倡了23条规则，还是很不错的，分享一下： 1.减少HTTP请求次数 合并图片、CSS、JS，改进首次访问用户等待时间。 2. 使用CDN 就近缓存==>智能路由==>负载均衡==>WSA全站动态加速 3. 避免空的src和href 当link标签的href属性为空、script标签的src
Yslow-23条规则
LXC
09-08 873
YslowYahoo发布的一款基于FireFox的插件,主要是为了提高网页性能而设计的，下面是它提倡了23条规则，还是很不错的，分享一下： 1.减少HTTP请求次数 合并图片、CSS、JS，改进首次访问用户等待时间。 2. 使用CDN 就近缓存==>智能路由==>负载均衡==>WSA全站动态加速 3. 避免空的src和href 当link标签的href属性为空、script标签的src
YSLOW性能测试前端调优23大规则(20)避免过滤器
01-08 261
AlphalmageLoader过滤器是IE浏览器专有的一个关于图片的属性，主要是为了解决半透明真彩色的PNG显示问题。 AlphalmageLoader的语法如下： filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL ) 属性...
YSlow 3.1.2：提升Web前端性能的浏览器插件
综上所述，YSlow插件通过其规则库和性能分析工具，帮助开发者快速识别并解决网页性能瓶颈，这对于前端开发和性能测试来说是至关重要的。通过合理利用这些工具，开发者能够确保他们的网站在用户面前表现出色，减少...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值