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

日期: 2013-09-23 来源:TechTarget中国 英文

前文我们讲了Google的页面web前端优化建议雅虎的页面web前端优化建议,本文将继续讨论在页面优化方面Google和雅虎分别使用了哪些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优化方面的经验,欢迎分享。

 

我们一直都在努力坚持原创.......请不要一声不吭,就悄悄拿走。

我原创,你原创,我们的内容世界才会更加精彩!

【所有原创内容版权均属TechTarget,欢迎大家转发分享。但未经授权,严禁任何媒体(平面媒体、网络媒体、自媒体等)以及微信公众号复制、转载、摘编或以其他方式进行使用。】

微信公众号

TechTarget微信公众号二维码

TechTarget

官方微博

TechTarget中国官方微博二维码

TechTarget中国

相关推荐