BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

Web页面性能分析工具YSlow开源

| 作者 郑柯 关注 3 他的粉丝 发布于 2012年2月18日. 估计阅读时间: 2 分钟 | QCon上海2018 关注大数据平台技术选型、搭建、系统迁移和优化的经验。

2月16日,Yahoo!的前端工程师Marcel Duran在Yahoo!研发团队官方博客发布消息:YSlow开源

YSlow是广为人知的Web页面性能分析、测试和调试工具,已经成为业界的事实标准之一。它的主要功能包括:

  • 基于三种预定义的规则集,或用户自定义的规则集,为页面打分
  • 为页面性能提升提供建议
  • 总结页面的组件情况
  • 展示页面统计信息
  • 提供性能分析工具,包括Smush.itJSLint

YSlow团队提出的“23条Web性能最佳实践和规则”更是被奉为圭璧。

  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文件,并让其可缓存

在博客中,Marcel这样写:

从2007年开始,YSlow对公众免费发布。过去5年,Yahoo!一直在维护其代码,并得到社区的鼓励,一直在改进。现在,我们在BSD开源协议下将YSlow代码开源。⋯⋯由于YSlow完全以JavaScript、HTML和CSS开发,大家很容易为其做出贡献。

YSlow在GitHub上的最新开发版在github.com/marcelduran/yslow

性能社区一直在通过Exceptional Performance Yahoo!讨论组做出间接贡献,提供有价值的反馈。现在,问题将会通过GitHub的公共问题跟踪系统处理,社区能够直接决定项目路线图。现在,你们可以来协助制定优先级、修复bug并改进YSlow了!请赶紧fork代码,开始贡献吧!

InfoQ的读者们,你们对YSlow的开源怎么看?你们会去为其贡献代码吗?欢迎在评论中留下你们的想法!

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT