performance - GTmetrix 的满载时间是多少,为什么它很重要?
问题描述
我清除了缓存和 cookie,重新加载了一个网站,它在不到一秒的时间内加载到我的屏幕上,但是当我去 GTmetrix.com 并测试示例网站时,“完全加载时间”比我体验的要长得多在我的电脑上,即使是在最高不受限制的宽带设置上。
在 GTmetrix 网站上,它说“完全加载时间”是“在 Onload 事件触发并且 2 秒内没有网络活动之后的时间点”。然而在一些优化良好的网站上,我看到完全加载时间不到 2 秒。当它必须计算 2 秒内没有网络活动的点时,它怎么可能低于 2 秒。
此外,我访问了下载事件的 w3schools.com 定义,它说这是一个被编程为在图像/脚本文件/css 文件/等对象发生时发生的事件。满载。所以我假设完全加载时间是除了 images/js/css 文件之外的所有内容都完成加载并且之后所有额外的内容也完成加载的时间。
对于普通用户来说,GTmetrix 的“完全加载时间”是否不是什么大问题,因为大多数网站信息加载速度很快,除非它是某种需要完全加载其编程功能的网络应用程序?
“完全加载时间”指标有多重要,您能否给我一个用例示例,该指标对于页面完全加载很重要?例如,我访问 Amazon.com,一切都在一秒钟内加载,我可以立即开始购物,但在 GTmetrix 上显示完全加载时间为 14.7 秒,甚至 GTmetrix 上的视频屏幕截图也显示页面加载速度相当慢图像和站点结构似乎在中途完成加载。
我试图更好地理解页面加载速度的术语,这让我很困惑。谢谢。
解决方案
“Onload 事件触发后的点,并且 2 秒内没有网络活动。”
所以它的作用是加载页面上的资源,并在 2 秒内监听没有更多资源被加载。
那时,它会计算出上次加载资源的时间,并为您提供加载时间。
这就是它可以低于 2 秒的原因,它等待前 2 秒的休息时间,然后查看它最后一次下载资源的时间,即它用于“完全加载”的时间。
“对于普通用户来说,GTmetrix 的‘满载时间’就不是什么大问题了”
完全加载的时间不如第一次有内容的绘画、第一个字节的时间等重要。
这是一个有用的诊断工具,可以查看您是否发送过多的线路或确定非必要资源“挂起”的站点的问题。
此外,查看任何延迟加载等是否按预期工作很有用,因为对于移动设备而言重要的标准之一是尝试不通过线路发送不需要的信息以保留用户的数据计划。(如果您向我发送 20Mb 的我从未见过的屏幕外图像,那么这就是浪费我的数据)。
这对于锚定标题等内容也很重要。如果在我到达“yoursite.com/page#interesting-heading”时加载页面需要 15 秒,如果仍在加载,可能会有很多“累积布局偏移” .
如果您想弄清楚 Google 等认为什么是重要的,那么我在对Google Page Speed Insights(与 GTmetrix 相同的引擎)的评分更新中给出的这个答案说明了他们的实际得分以及他们给每个标准的权重,即深入了解您的用户可能关心什么/什么会增加转化/网站停留时间。
推荐阅读
- c - cs50 pset4 - 边缘检测过滤器不起作用 - sobel 算子
- python - Kivy using Canvas: Key error with line while starting beyond boundaries
- inno-setup - Inno Setup:如何调整下部窗格区域的大小?
- c++ - 模板类中的 C++ 嵌套类
- javascript - 在 JavaScript 中链接 URL
- python-3.x - 将一项任务的输出发送到气流中的另一项任务
- php - 子域分组错过了 laravel 中的斜线
- gradle - 使用 gradle 从资源中压缩文件夹
- python - 部署 Orange 3 模型
- mysql - 更改从传感器接收到的 MySQL 数据