前文我们讲了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中国
相关推荐
-
当web成为选择 开发原生移动app还值得吗?
随着iPhone的推出,其进入的代价是通过苹果应用商店流通的编译过的Objective-C二进制代码的分发。
-
十大响应式Web设计框架
对于设计师而言,网站设计中的任意一环节都不容忽视。借助网上的一些资源,只需简单的几个步骤你就可创建出更具吸引力的设计,本文将分享十款最佳的响应式Web设计。
-
管理员必知:监控系统五大必备特性汇总
纵观我们部署在基础设施当中并始终保持运作的全部测量机制,监控系统无疑是重要性最高的机制之一,但它却常常遭到我们的忽视。
-
十款开源的数据管理工具
任何Web软件和应用程序都需要强大的数据库来做后盾,目前,网上有无数个数据库管理工具,而开发者选择一款适合自己的尤为重要。