当前位置

使用PageSpeed Insights测试网页速度

James Qi 在 2019年8月4日 - 14:50 提交

  一直知道网页打开的速度对用户来说非常重要,Google、百度的站长指南和一些新闻中也反复强调在手机端打开网页的速度更重要,我也知道一些测试速度的办法,但平时很少去用,只是凭自己打开我们自己网站的感觉,或者看监控报警来排查打开慢的问题。

  我们使用了Drupal、MediaWiki等现成的CMS,主要就是按照网上的一些相关文章去优化性能,但主要都是数据库、PHP等后端的一些性能优化,前端方面关注、改进很少。而我们去年、今年做的完全自己开发的信息查询平台的过程中,开发人员对页面打开速度进行了更多的测试和优化,对js, css, 图片等细节进行减少后也明显降低了页面打开时间。

  其实应该更主动去监控、排查网页打开速度相关问题的,这个直接影响到搜索收录、网站流量、广告收入。这两天用PageSpeed Insights这个工具来进行了一些测试,这个工具是Google提供的,有国外和国内两个不同的网址可用:

  所以这对国内开发者来说也是一个福音,不会被墙。我测试的网站情况如下:

  • MediaWiki搭建的PC网站-桌面设备:97(优)
  • MediaWiki搭建的移动网站-移动设备:55(中)
  • MediaWiki搭建的AMP网站-移动设备:79(中)
  • Drupal搭建的响应式网站-桌面设备:90(优)
  • Drupal搭建的响应式网站-移动设备:55(中)
  • Drupal搭建的AMP网站-移动设备:48(差,这个有些奇怪,不应如此的,待查)

  这只是测试的一组,不能代表各种网站,但基本上可以看出共性:在桌面设备上看都是优秀的,而在移动设备上查看的效果都不是很好。一些红色的提示:

 

  • 可交互前的耗时 9.2 秒
  • 首次 CPU 闲置时间 8.5 秒
  • 最长的潜在 FID 350 毫秒
  • 最大限度地减少主线程工作 4.5 秒
  • 采用高效的缓存策略提供静态资源 找到了 17 项资源

 

  我本人对于前端技术不是很熟悉,准备下周请教做技术的同事,一起来查看、想办法提升性能。

  还了解到有个开源的 PageSpeed 模块,包含了Apache的版本mod_pagespeed,可以对Web服务器自动进行一些优化工作,这个也有待下周安装测试。

  还有更多资料:

  2018年7月开始Google确认页面速度影响移动搜索排名,这也算是搜索排名算法中一个大的改变,现在看来对我们网站也是产生了一些排名的下降、流量的下降,需要赶紧花一些时间来处理了!

  我在自己的博客中还找到一篇《试用Google的Page Speed Service》,是2011年的文章,可惜我们还是没有对访问速度引起足够的重视,一直忙于内容的构建、广告的变现、紧急情况的处理等,现在看来做网站还是需要把每个环节都做到极致,包括速度优化。

自由标签:

评论

添加新评论

Plain text

  • 不允许使用HTML标签。
  • 自动将网址与电子邮件地址转变为链接。
  • 自动断行和分段。