这里’原因:如果您的网站加载缓慢,用户可以’真的分辨出差异’s “just” slow or isn’根本没有工作。换句话说,拥有缓慢的网站与没有网站一样好–这意味着大多数用户只要花了很多时间就不会凝视屏幕–但是会关闭您的页面,并且再也不会回来。
Because “too slow”如此主观,时间感知研究发现“fast”通常表示停留在1/4秒以下。当某件事花费的时间超过一秒钟时,注意力开始转移,并且用户倾向于切换到其他任务,而忘记了最初的意图。 10秒后,用户完全转向其他任务。
一秒规则
考虑两个网页,分别需要12秒才能完全加载的页面A和B:
视觉加载进度很重要– an Illustration
页面A快速加载视觉元素(站点导航,文本,图像),以便用户在1秒钟内看到其大部分可用内容。页面B加载了一些视觉内容,但是加载支持组件大约需要10秒钟,从而在11秒钟后向用户显示有意义的可见内容!不幸的是,B页面的情况并不少见,因为网站组件的加载顺序并未自动优化。
There is a term that measures the time it takes for the web page to load 只是 enough content to be usable (visually complete). Obscure nerd metric warning: the sought term signifies that the visible part of the screen is loaded and is called domContentLaded 时间。对于上面的页面A,此指标将接近1秒,而对于页面B,该指标为11秒。
页面加载速度指标
您真正需要了解的指标–对于所有重要页面(主页,类别页面,着陆页面,产品页面),理想情况是:
服务器响应(第一个字节)时间
核心可见内容加载(domContentLoaded)时间
文件完成时间
整页加载时间
服务器响应时间 是用户的浏览器在开始加载您的网站之前需要等待的时间。根据我们的经验,专业级的电子商务网站通常由专业托管,因此在大多数情况下,加载过程的这一部分已得到优化。
核心可见内容加载时间 (domContentLoaded event) is how 快速 the user can see enough website content to consider the page loaded (navigation, text, images) –同时实际上仍在加载不同的网站组件。
文件完成时间 当网页组件完全加载时。
整页加载时间 是一个技术值,表示网络处于不活动状态2秒钟,并将该时间添加到“文档完成”值中。
在所有值中,domContentLoaded是最重要的,因为它在用户感知到网页已加载时进行注册– even when that’严格来说,事实并非如此。通常,此指标并不是网站平台较旧时的最佳选择,因为旧版附件,未使用的组件和功能欠佳的扩展程序会阻止加载完成页面可视部分的组件。
结论
您可以通过输入以下网址来检查任何网站和网页的这些(以及更多)指标 WebPageTest网站. How does your domContentLoaded (Visual Complete) value compare to the 文件完成时间? Is it closer to the First Byte Time (great!) or 只是 before the 文件完成时间 (needs optimizing)?
如果您的网站在Magento上运行,我们’我们将很高兴为您提供服务,并为您提供有关如何提高网站速度,页面的可视完成时间以及文档完成时间的建议。随时查看我们的Magento优化计划或给我们发送电子邮件 直.