gtmetrix测速英文网站速度工具使用方法

运营 兰台书生 2年前 (2022-06-06) 206次浏览 0个评论

由于境外网站国内打开会受到影响,因此需要第三方权威工具去检测网站情况,因此我们选用:https://gtmetrix.com/ 进行测试,该工具可以测试网站具体慢在什么地方,可以有针对性的进行修改。该工具由于是境外测速网站,所以仅限于测速境外网站,国内站点不适合。
一.测试方法:

2、在页面中大输入框中输入想要检测的网站网址(URL)

3、点击 Analyze 后,就在如下页面等待扫描完成

扫描完成后会给出得分

二、PageSpeed 评分解读

PageSpeed score:PageSpeed 是 GOOGLE 网站加载速度的一个标准。检测出的评分可以参考,成为改进网站的依据。

1、优化图片 Optimize images

图片作为影响网速的第一要素,图片的大小非常重要,图片在保持美观的同时,尽量小,最好上传前自己也做一次处理,无损图片压缩工具:https://tinypng.com/。一般大 banner 图片控制在 200K 以内,小图控制在 50K 以内。一般这里检测出来的图片都是可以利用这个工具去压缩的。当然想要完全都符合标准只能尽量少使用图片,但这在企业站中是不现实的。即使中国制造网(made-in-china.com)也没法做到所有图片都去有效压缩。这条尽量做到,评分在 D 以上(68 分)就非常不错了。以下是中国制造网(made-in-china.com)的评分。

2、Leverage browser caching 浏览器缓存
目前很多系统会自动会对 JS,css 等静态文件做浏览器缓存,缓存时间长短不一。这里一般会列出缓存时间较短的文件,因为一些 js 不适合缓存较长时间,所以会列出。再加上会引入一些外部链接,所以这一条一般可以忽略。
在外部链接的选择上可以参考这一条,缓存时间短,文件大的外链尽量不要引用。
GOOGLE 建议浏览器缓存时间设置至少 1 个月,推荐 1 年,但不超过 1 年。但由于网站本身会更新,所以一般经常改的文件不会设置这么久,否则会影响到客户使用。

像以上这种代码就尽量不要用了,这个是在线客服。
3、Combine images using CSS sprites 结合使用 CSS sprites 图片.
就是将一张张小图整合到一张大图上去,出现这条评分比较低大多数是因为引用了第三方的代码。

如下图:

4、Defer parsing of JavaScript 延迟解析 JavaScript

这条的意思是尽量减少这类 js 脚本的引用,或延迟不必要 js 的解析。对于目前有动态效果的网站来说就不是很重要,因为需要用到很多 javascript 脚本,特别是引用一些基础包如 jquery,必须要用到。一般评分在 70 以上就很 OK 了。如下 made-in-china.com 检测如下

5、Specify image dimensions 指定图片尺寸
这条在制作网站时会经常容易忽略,特别是产品图片。图片实际显示大小如果是200X200,那尽量图片制作也是 200X200,切忌使用比如 1000X1000 的图,用缩放的方式去变为 200×200,这会增加图片加载的速度。这点即使 alibaba 做的也很不好。对于小站来说这点就非常重要,毕竟你要依赖 GOOGLE。

而这点 made-in-china.com 做的就非常不错了。很多saas系统都会使用了类似技术来最大程度的解决这个问题。

6、Minify HTML,Javascript
合并及压缩代码的一种方式,但一般小网站不会考虑这种压缩。
以上六种是检测出来常见的问题,主要是图片的压缩和优化及外部链接的引入。

三、YSlow Score 评分
是 yahoo 的网站评分标准,以前用的比较多,现在只做参考,以 GOOGLE 为准, 毕竟 GOOGLE 现在还是老大,而 yahoo 已经没了了。 一般外链引用的比较多,会造成网站速度不可控,所以尽量避免加入不稳定的外链。

四、Fully Loaded Time/Total Page Size/requests

这三个指标是比较重要的指标,页面越小,请求数越少,页面全加载速度越快。
Fully Loaded Time:页面完全加载时间,GT 建议在 8.5S 以内。全加载的意思是 不仅仅看到页面,而且要把所有的页面请求都执行完,所以实际肉眼看到的会快 很多。很多的请求都是在看不见的情况下执行的,所以全加载检测会比较的客观。
Total Page Size:页面总的大小,页面的总大小越小,加载速度越快,GT 建议 标准是在 2.5M 以内。

Requests:请求数量,越少越好,一般外链引用多了,请求数量会激增,而造成 页面打开缓慢。GT 建议标准是 86 个以内
这三项指标,在不同时间去测试,可以略有不同,起决于当时的网络环境。
所以根据以上标准,我们认为 1M 左右的网页大小,全打开速度在 3.4S 左右是 合格的。2S 左右就非常优秀了。

五、横向对比解读

第一网站阿里巴巴,第二个网站中国制造,第三个小编网站,第四个第三方建站公司,测试的基准都基本一致,一样的时间,一样的地点,一样的浏览器。
阿里巴巴全站平均加载速度:3.8S/M
中国制造全站平均加载速度:8.27S/M
小编全站平均加载速度:2.35S/M
第三方建站客户网站全站平均加载速度:5.39S/M

从数据上分析,小编网站打开速度在北美加拿大地区是最快的达到每 M2.35s,但中国制造网由于页面大小在 1M 以内,所以打开速度是最快的,即使 网速不佳的情况下,也能达到较快的速度。阿里巴巴的页面较大,但由于网速很 快,所以也不会感觉太慢。第三方的客户全站加载速度就最慢了。最主要原因也 是页面过大。

六、waterfall,瀑布流
用于检测哪个环节出现了比较慢的现象。如下图:

长的进度条代表加载的时间,越长越慢,这样可以根据瀑布流很清楚的看到哪个环节造成网站的速度慢。正常的如下图,几乎是同时加载:

七、总结
七、总结 GT 是非常好的一个第三方网站测试工具,国内目前还找不到如此强大的工具,很多建站公司用他做测试,从另外一方面可以使用这款测速工具来试试你选用的建站公司是否想当时说的那样靠谱,或者测试一下自己的网站都存在了哪些问题需要改正的。

喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址