如何测试网站实际打开速度?模拟真实用户访问网站

测试网站实际打开速度前准备

通过前期准备,以方便我们更好的模拟网站的真实用户,更能准确的测试出网站加载速度。

确保本地网络速度正常(起码100M带宽)。
确保电脑配置不要太老(不是10年前的机器就行)。
通过科学上网或其它途径模拟网站的目标用户地区网络。
电脑安装Google Chrome(谷歌浏览器)。

模拟真实用户访问网站

首先打开谷歌浏览器,点击右上角三个点,选择“打开新的无痕窗口”。

使用无痕浏览的方式是为了模拟用户第一次访问网站,避免浏览器缓存等外在因素影响测试结果。

键盘按F12调出“DevTools”(开发者工具)。

开发者工具还能用来审查元素、检查css和js脚本文件等。

点击上方选项卡的Performance。

Performance中设置CPU: 4*slowdown, Netword: Fast 4G。

这就是在模拟手机配置,如果网站用户大多是发达国家,配置可是调高一点。

点击左上角图标,切换浏览器成移动端模式。

可以在设备上方调整模拟的设备状态。

比如手机型号是14 Pro Max,显示比例,网络状态等。

都设置好后,在浏览器搜索框输入你自己的网站地址进行访问。

这就测试出了真实用户访问网站时的实际速度。

可看到LCP是1.45秒,CLS是0,INP是16毫秒,都达标了。

通常第一个访问的页面会比较慢,再点击访问网站的其他页面就会比较快了。

主要是因为首次访问没有任何浏览器缓存、DNS初次建立连接、浏览器初次渲染网站。

这个测试结果是要比谷歌测速(Google PageSpeed Insights)的分数更加真实的。

是因为谷歌测速模拟的设备和网络环境普遍较差,不符合大部分网站的用户群体,而且谷歌测速的评分会因为某一项指标很大的影响最终得分。

文章版权归原作者所有或来自互联网,未经允许请勿转载。如有侵权请联系我删除,谢谢!
THE END
分享
二维码
打赏
< <上一篇
下一篇>>
文章目录
关闭
目 录