Shopify 作为一个流行的电子商务平台,网页加载速度对于购物体验和搜索引擎排名都有着重要影响。本文将介绍一款常用的网页速度测试工具 WebPageTest,并针对 Shopify 网站进行分析和优化建议。

测试网页速度的工具很多,后面我会整理汇总一些常用的网站速度测试的文章:这次用此工具来测试 Shopify 的网页加载速度,根据测试报告,针对性的对网页进行改善。工具地址：https://www.webpagetest.org/

WebPagetest 是最初由 AOL 开发用于内部使用的工具,并且在 2008 年根据 BSD 许可证开源。该平台正在 GitHub 上进行积极开发,如果您想运行自己的实例,也会定期打包并可供下载。

开始使用:输入要测试的网址,注意:若输入的网址提交有问题,请科学上网,毕竟工具是国外的。然后选择测试地点以及浏览器,首选 Chrome,其次 Firefox,IE 浏览器,国外他们的浏览器用户份额比较高,点击开始测试(START TEST)。

如下就是检测结果总览,如下图所示;我的网站 Load Time 是 3.331s,应该算比较快了。对于做 Shopify 的购物网站,页面加载时间优化到 4 秒以下,无论给顾客的购物体验,还是对于谷歌搜索引擎排名,还是对于广告推广都是有很大帮助的。如果购物网站测试出来的加载时间都十多秒,你做烧钱的谷歌,Facebook 广告,转化率可想而知了。

Run 1:Run2,Run3 是测试工具分别三次对网站的测试,两饼状图分别是请求数量,以及所占字节大小视图。

如果你的网站速度比较慢,在如下图的地方,有建议优化的选项,点开就可以看到导致网页变慢的文件地址;这里以 anker 为例,测试了他的网站速度。其中 F 项的 Compress image 和 Cache Static Content 表现比较差,可以尝试优化这两个选项,具体如何优化请查看文章如何优化 Shopify 网站网页速度-之渐进式 JPEG 图片使用 progressive JPEG（第一篇）。