您的网站可能遭受的速度问题

一旦我们在推特上发布了一个利基术语,即与向用户提供有用内容的网站的速度有关(非常重要的东西!),但Twitter机器人甚至都没有对此做出反应。有些人可能会因事实而失去动力–但不是我们!我们认为这是“世界”非常不了解网络上良好的客户服务的标志,因此决定对此采取一些措施。这篇博客文章是我们的后续。

为什么要跟进网站速度问题?

这里’原因:如果您的网站加载缓慢,用户可以’真的分辨出差异’s “just” slow or isn’根本没有工作。换句话说,拥有缓慢的网站与没有网站一样好–这意味着大多数用户只要花了很多时间就不会凝视屏幕–但是会关闭您的页面,并且再也不会回来。 Because “too slow”如此主观,时间感知研究发现“fast”通常表示停留在1/4秒以下。当某件事花费的时间超过一秒钟时,注意力开始转移,并且用户倾向于切换到其他任务,而忘记了最初的意图。 10秒后,用户完全转向其他任务。 一秒障碍 一秒规则

所以呢?

“很少网站需要10秒才能完全加载”,您可能会说。但是,您是否考虑过通过手机通过3G互联网访问的功能齐全的网站?多年来构建的许多Web属性都已针对家用计算机进行了优化,但是大多数Internet用户的增长都得益于移动设备。这个网站膨胀对底线产生了实际的(和负面的)影响。 Consider Microsoft’必应(Bing)研究有意延迟搜索的实际用户行为:等待2秒的用户浏览的页面减少了4.4%,电子商务收入减少了4.3%。在网上,事实证明,秒数比我们想象的要重要得多: 必应搜索延迟结果 速度如何影响业务绩效

有关网页加载速度的好消息吗?

还有一个好消息:网站用户愿意等待页面加载–只要他们看到整个网页的结构并注意到网页加载进度。并非所有网站平台都针对渐进式加载进行了优化,因此理想情况下,您应该监视几个关键页面加载速度指示器。

为什么视觉完整指标很重要

考虑两个网页,分别需要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优化计划或给我们发送电子邮件 .

奥列格·叶姆丘克(Oleg Yemchuk)

发表评论

您的电子邮件地址不会被公开。 必需的地方已做标记 *