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

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

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

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

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 的开源怎么看？你们会去为其贡献代码吗？欢迎在评论中留下你们的想法！