利用PageSpeed Insights改善网页

January 22,2017/750/PageSpeed , Insights
利用PageSpeed Insights改善网页

PageSpeed Insights性能工具是我们久不见的google大兄推出的一款网页性能优化工具,用户可以通过PageSpeed Insights检测分析自己网站网页是否存在一些性能优化方面的问题并给出相应的优化建议,网站开发人员可以找出网站速度的瓶颈所在,并相应的网站优化,带给用户更好的体验。


PageSpeed Insights可以同时对网页的PC端和手机端页面效果进行检测,并会根据检测结果给出改善的方案。


注:这个工具并不是万能药,也不是绝对标准,有些时候为了达到或者展示某些网页的动态效果,可能加入的样式表、JS和图片会与PageSpeed Insights的检测标准有冲突,所以这个只能作为改善网站性能的一个手段,但不能全盘照抄PageSpeed Insights给出的意见;毕竟网页内容为王,效果为辅,有时必须但与之冲突的网页制作方式也是可以的,不需要去纠结,或者说即使你不照搬PageSpeed Insights的意见也不会对你的网页优化收录有多大的影响。


好了,言归正传,我们来看看PageSpeed Insights性能工具检测可以从哪些方面给予我们帮助:


1、启用压缩

这个是检测空间(服务器)是否启用了压缩功能,一般目前主流的IDC都有开启这个功能,如果没有就需要向服务商咨询,不过如果不支持的话建议还是及早更换空间吧,因为这样的空间实在已经太烂了。


2、压缩 HTML

这个是检测设计人员在制作网页时是否有良好的代码编写习惯。例如所制作的网页文件是否有多余的空格、换行符和缩进等;这个没必要多说,基本上一个有好习惯的网页制作人员都能做到,做不到那就只能呵呵了

压缩 HTML 代码(包括其中所含的任何内嵌 JavaScript 和 CSS)可以节省大量数据字节空间,并提高下载和解析的速度。


3、压缩 CSS

CSS也就是网页样式表文件的压缩,这个检测和上面说的压缩HTML的意思基本相同。

压缩 CSS 代码可以节省大量数据字节空间,并提高下载和解析的速度。


4、压缩 JavaScript

JS(JQ)这个可能有点复杂了,因为现在做网页需要加载很多不同的JS(JQ)插件,而各自插件编写是否符合标准要看作者的习惯,所以这块的检测是不能埋怨网页制作者,毕竟不可能自己来写各种JS(JQ)代码,主要都是整合免费的JS(JQ)插件。

压缩JS(JQ)代码可以节省大量数据字节空间,并提高下载、解析和执行的速度。


5、优化图片

这个有时会问题比较严重,因为很多时候一个公司企业的网站,没有请专门的网管人员来维护打理,很多的公司都是文员或者业务员来兼职管理网站的,所以在制作、上传图片时容易忽视图片文件大小的问题,明明几十KB大小就可以有效果的图片,可能他会弄成几百KB或者几M的大小上传到网站上,而这样的图片会严重影响网页的正常加载,可能只需要几秒或极速开启的网页,结果变成了要等好久才能打开,这个时候用户早就等得不耐烦了。


6、清除首屏内容中阻止呈现的 JavaScript 和 CSS

这个是检测在网页首屏显示的内容它本来只需要哪些JS(JQ)和CSS文件,但实际网页加载了更多在本网页用不到的JS(JQ)和CSS文件或内容,影响了页面加载的进度时间。不过很多时候设计人员习惯是把这些JS(JQ)和CSS文件全部加载进来,为的是在点击接下来的网页时速度会加快,因为该需要加载的JS(JQ)和CSS文件在前面已经加载了,所以这个检测意见很难说对不对,但是今天的网速已经不是前几年的龟速了,所以如果不是特别严重的话建议可以忽略这个检测的结果。


7、使用浏览器缓存

这个检测意见有好有坏,好的是按照他的意见启用浏览器缓存,那么用户在下一次开启网页时速度会很快,因为之前访问网站时网页相关文件(JS(JQ)和CSS文件)已经通过缓存的方式保存在本地电脑上了,这样用户体验会感觉这个网页打开很快。坏的是如果网站的网页内容有变动,用户的浏览器端可能不能及时呈现出来,导致用户不能同步看到网站所要展示的内容。所以这个检测意见要看网站自身的决定判断是否采纳。


8、按优先级排列可见内容

优先级排列可见内容这个没什么好说的,如果这个出问题那么可以考虑更换设计人员。


9、缩短服务器响应时间

做到这个就是要选择好的空间或者说好的空间服务商,例如阿里云的空间,这个在现在的服务器环境来说是服务商应当做到的,如果这点都做不到那说明这个IDC的空间很差没有购买的必要。


10、避免使用着陆页重定向

避免301重定向,就是用户访问A网址,进入后却跳转到了B网址,一般来说是不会的,但有时网站可能因为某些原因需要做跳转,所以这个检测结果是网站具体情况而定。


在网站上线后,通过PageSpeed Insights来做一些检测是必要的,可以根据检测结果做一些合理的改善,同时PageSpeed Insights性能工具会自动根据检测结果中有问题的项目给出实际的解决方案,例如图片优化检测,PageSpeed Insights可以重新生成合乎标准的图片提供下载替换,CSS样式表和JS(JQ)文件也是一样,不过注意在下载替换之前最好做一下备份,同时对上传替换的这些文件逐个检查一下避免文件有错误。


在根据PageSpeed Insights检测结果做出改善之后,需要重新对网页做检测,看看之前存在的问题在改善之后是否已经解决,如果解决,那么恭喜您,如果没有,那请您继续努力吧...

扫一扫,手机预览此网页
扫一扫,手机预览此网页

铭扬工作室 版权所有 © 2008-2017 couke.com All Rights Reserved 鄂ICP备15006632号  鄂公网安备 42070402000042号  360网站安全  泰国试管婴儿