Web前端优化工具集锦

1.  Google PageSpeed

Google提供了 PageSpeed工具，这是一个浏览器插件，可以很好地应用上文中Google所提到的Web优化实践——帮助你轻松对网站的性能瓶颈进行分析，并为你提供优化建议。

• 在线分析你的网站
• 安装浏览器插件（ Chrome、 Firefox）
• 通过 Insights API在应用中嵌入PageSpeed功能

2.  雅虎 YSlow

YSlow是雅虎推出的一款浏览器插件，可以帮助你对网站的页面进行分析，并为你提供一些优化建议，以提高网站的性能。

• Firefox插件
• Chrome插件
• YSlow for Mobile/Bookmarklet
• 源码

3. 其他分析优化工具

• 蜘蛛模拟器：这个工具可以分析你的页面，并提供一些优化建议。
• 图像SEO工具：这个工具可以检查图片的alt标签，并提供一些优化建议。
• 请求检查器：找出页面中需要加载哪些资源和服务。
• 链接检查器：检查页面中内部、外部和无效链接。
• HTTP头检查：显示网页或资源的HTTP响应头。
• 社交检查器：检查页面中的社交组件，比如Google+、Facebook、Twitter、Linkedin和Pinterest。
• If modified检查器：检查页面是否接受 If-Modified-Since HTTP头。
• Gzip检查器：检查页面是否经过了Gzip压缩。
• CSS delivery工具：检查页面中所使用的CSS文件。
• 面包屑工具：可根据你输入的信息提供面包屑导航的代码。
• CSS压缩工具：用于压缩CSS代码。

通过以上的优化建议和优化工具，可以轻松找到影响你的Web页面性能的瓶颈，轻松实现Web页面性能的提升。如果你也有Web优化方面的经验，欢迎分享。

原文链接：http://www.csdn.net/article/2013-09-23/2817020-web-performance-optimization

Web前端优化最佳实践及工具集锦