我的网站有多快!教你使用PageSpeed Insights来测网速
- 影响用户体验。这一点是最为重要的,如果一个网站一直卡顿迟迟不加载显示页面,那么用户几乎不用考虑就会点击右上角的“关闭”按钮退出网页浏览。就像是客户进到你的店里,看到空空如也的柜台,你觉得他还会等着你一件一件的把商品摆上货柜吗,显然不会,他只会愤而离去,转头去另一家店铺。
- 影响谷歌分析数据。一般来说,网页加速流畅的网站会标记更多的访客,因为谷歌分析代码会优先加载,在用户浏览网页时会实时记录用户在网页上的行为,例如:点击了下一页、搜索了某个特定字词、点击了某个标签又或者是在某篇文章内容下进行了留言互动等。如果网页加载缓慢,用户在谷歌分析代码触发之前就匆匆离开关闭了网页,那么这个用户的访问行为将不会被谷歌分析记录,我们有可能会错过一位潜在用户。
- 0-49(红色警告三角形):表示网站整体加载缓慢;
- 50-89(黄色正方形):表示网站加载速度可提升空间;
- 90-100(绿色圆形):表示你的网站加载很快。
- First Contentful Paint(首次内容加载):浏览器上页面加载出第一条内容所需要的时间。
- Speed Index(加载速度):在页面加载期间显示内容的速度。
- Largest Contentful Paint(最大内容加载):浏览器上页面加载最大元素所需要的时间。
- Time to Interactive(互动时间):页面完全交互所需要的时间。
- Total Blocking Time(总阻塞时间):首次内容加载和互动时间的总和(FCP+TTI)。
- Cumulative Layout Shift(累积布局偏移):页面上的元素加载时偏移的程度
如果这 6 个指标中出现红色分数,有可能是你的页面上出现了未经压缩的图像或视频,也有可能是你的网站托管速度较慢,还有可能在页面加载时存在多个元素在移动,这些都会导致用户访问体验不佳。一旦发现了这些存在的问题,那么你就应该立即有针对性地做出调整改善。
鼠标向下滑,能看到 PageSpeed Insights 给出的优化建议,例如:“请缩短初始服务器响应用时”,针对这一条给出的建议是:使用更优化的主题背景、选择优化或升级服务器。
以上都是移动设备的测速,同样的我们也可以查看桌面设备上网页加载的情况和性能分数。
相比起移动设备,桌面设备上的加载时间提速了不少,但仍旧有需要改进的地方。
好了,使用 PageSpeed Insights 来测网速的介绍到此结束了,建议你根据它给出的建议对网站进行修改调整后,再来测试网站加载速度,以确网站整体性能都能达到绿色分数,为你的用户提供更好的浏览体验。