网站速度优化工具pagespeed实战操作

众所周知,网站的打开速度对于一个网站来讲的重要性,无数的数据证明,如果网站打开超过五秒钟,超过三分之一的用户会选择离开。基于这样的认识,慢速的网站对于网站SEO优化来说就是杀手。但是有超过80%的SEO人员不懂的HTML代码前端优化,不光如此,即便是网页前端设计人员不知道如何优化网站速度也大有人在。

影响网站打开速度的一方面是服务器端,服务器的配置和带宽都能够影响网站打开速度,服务器端的优化主要是开启GZIP压缩。经过实战测试,开GZIP压缩功能对网站打开速度提升是非常可观的,另外一方面就是网站前端的速度优化,那么网站速度优化就必须精通代码知识吗?答案是,NO.现在给大家分享一款网站速度优化工具不需要懂代码也能够完成网站速度优化。只需要简单的三步就够完成。

1.打开谷歌网站速度优化诊断工具 PageSpeed Insights在线地址:

https://developers.google.com/speed/pagespeed/insights/?hl=zh-CN

PS:众所周知的原因,谷歌在大陆打不开,打不开的同学联系我,给你神器你懂得。

PageSpeed Insights

2.将要优化的网址输入,然后点击分析,等待结果。

PageSpeed Insights输入网址

3.分析完成之后,我们可以看到移动端和PC端的网站速度优化建议,然后点击“下载已针对此网页优化的图片、JavaScript 和 CSS 资源。”

PageSpeed Insights分析结果

4.最后,打开网站FTP,替换下图片JavaScript 和 CSS 资源,搞定!

上面那个是在线版本的pagespeed工具,也是我推荐使用的,但是有个前提条件就是,网络必须要访问谷歌。如果没有网络就不能够使用了,接下来分享的是谷歌浏览器的扩展插件pagespeed。

1.将pagespeed的扩展程序下载到本地。

pagespeed的扩展程序下载地址:http://yunpan.cn/c3bZR2tTwZm7V  访问密码 3e5d

2.打开谷歌浏览器(注意必须是谷歌浏览器,没有的同学到360软件管家去下载一个),点击应用,将下载好的page speed.crx扩展程序,直接拖到应用下面,会出现如下图的提示,点击确定,就把pagespeed的扩展程序安装成功。

pagespeed扩展程序安装提示

3.使用方法非常容易,打开你想优化的网站,等待网站加载完成后。

4.鼠标右键点击 “审查元素”,可以看到“pagespeed”选项

审查元素

5.点击“pagespeed”,然后点击红色的按钮,就开始分析了。

pagespeed使用

6.分析完成之后就会给出,优化速度的建议,然后逐一的去优化。

对于网站速度优化工具pagespeed的使用只要按照步骤来,完全没有任何问题。在线版本和插件扩展程序都有各自的优缺点。扩展程序的优点是不用打开谷歌就可以使用,缺点是:不能打包下载优化的图片、JS和CSS。所以在网络允许的情况下,还是使用在线版本的比较好。

欢迎转载,转载时请您以链接形式注明来源! 本文地址:http://www.seobn.com/362.html
上一篇:网站优化提升加载速度的18个技巧
下一篇:浅谈网站优化中页面相关性与SEO排名