怎么优化网站加载速度?为什么要优化网站的加载时间?

2019年12月27日 标签: 网站加载 网站优化

加载时间是影响网站成功的重要变量之一。不幸的是,不可能有一个立即加载的站点才能拥有一个立即加载的站点,某些等待时间在技术上是不可压缩的。这就是为什么今天我们为您提供Web性能优化的另一个愿景。除了了解增加网页加载时间的8个技巧,并且还要了解影响您的电子商务网站加载时间的7个因素

更需要注意如果有可能使用户忘记他正在等待怎么办?

怎么优化网站加载速度?为什么要优化网站的加载时间?

等待时间,我们的看法非常主观

首先,最好区分两个不同的级别:

有效加载时间:易于测量,表示用户操作与获得结果之间的间隔。

用户感知的等待时间:测量感知时间是一项复杂的工作。确实,我们在这里对一个主题感兴趣,该主题将取决于许多标准(有效的加载时间,当然还有与上下文和用户环境有关的变量)。

一项研究调查了加载时间的感知,并为我们提供了以下信息:

  • 小于100毫秒:延迟不明显;

  • 不到一秒钟:延迟很明显,但用户认为治疗正在进行中,并且不是异常;

  • 超过一秒钟:您失去速度感;

  • 超过10秒:大部分用户的注意力已丢失。即使他不放弃自己的行动,他也可能已经忘记了相关上下文的一部分,并且恢复当前行动可能会出现问题。

专注于重要内容和必要行动

您可以很自然地根据给定页面内容的重要性建立层次结构,即使必须考虑到所有Internet用户的兴趣或行为也不相同。

通过尽快发布页面上最重要的内容,您可以使Internet用户快速获取他们正在寻找的信息,从而减少等待的感觉。例如,当用户到达产品页面时,您必须首先向他们提供与产品直接相关的信息:描述,价格,插图等。相反,某些内容或功能对访问者没有直接的作用。例如,社交小部件就是这种情况:很容易看出,在主要内容感兴趣之前加载此功能。用户为什么要共享他们尚未查看的内容?同样,重要的是要优先显示折叠上方的内容,也就是说,用户可以立即看到的内容(无需滚动即可滚动)页)。

当您的页面很长时,这种方法会更加有趣。但是,此概念的实现非常技术性(base 64中的图像,CSS内联等),因此在此我们将不进行详细介绍,但会在评论中毫不犹豫地询问您的问题。

通知用户考虑其行为

当您网站上的某些操作未向用户发送即时响应时,请确保通知用户已考虑他们的请求。

提醒一下,您可以考虑即时响应的延迟小于100毫秒。

您可能多次单击按钮,以为未考虑该操作。然后过了一会儿才知道结果只是缓慢地到达。我们都有过这种经验,但是在大多数情况下,可以非常简单地避免这种挫败感。

简而言之:确保用户与您的网站的任何互动都会引起视觉通知(通过在退化的条件下测试您的网站)。识别非关键动作,即使您不是绝对确定的,也可以将其视为乐观的方式,直接向用户表明其动作的结果已经实现。
使用相关的负荷指标

不幸的是,并不是所有的互动都能得到乐观的对待。最简单也是最常见的原因:您需要轮询服务器以获取内容或结果。

在某些情况下,等待时间可能很长,因为某些操作既复杂又麻烦(以最优惠的价格搜索机票等)。


利用您的弹出式窗口(选择语言,促销)

有许多网站可以通过弹出窗口显示促销内容,例如,或来自所选国家/地区的请求。电子商务巨头经常使用这种技术,很少使用它来改善用户体验。相反,弹出窗口最常导致其降级。

谁从未见过页面加载,开始阅读一些单词,突然发现自己被弹出窗口打断了?如果我们想将其强加给我们,为什么不首先加载此弹出窗口?

这种弹出窗口的更相关的用途是尽快显示它,并由于该页面被弹出窗口隐藏,因此允许页面以不可见的方式加载到后台。

的确,在访问者查询所展示的促销(或其他)的时间时,请求页面的一部分将有时间加载。


向您的用户学习,预加载内容

存在几种用于在不同级别上预加载网页的技术。一般概念是预期在用户的下一个动作期间将需要一个元素,并因此预期此动作所需的处理。

因此,当用户触发相关步骤时,我们将加快加载速度。

一个简单的示例:您有一个登陆页面A,它将其95%的访问者引导到页面B。在这种情况下,可以在页面A加载后就预加载页面B的内容。 。

而且我们可以走得更远,因为某些浏览器不仅可以预期内容的恢复,还可以预先计算页面的呈现。因此,当用户从页面A转到页面B时,结果几乎是瞬时的,因为他已经下载了内容并且浏览器在显示B之前已经进行了必要的处理!

在这个问题上,未来看起来非常光明。例如,正在开发概率方法,特别是考虑到互联网用户的带宽或电池(移动)约束。


结论:
请确保您已优化加载时间。隐藏等待是一件好事,在实践中减少等待是必要甚至必要的!
» 本文链接地址:https://www.ccxcn.com/revision/4939.html » 转载请注明出处,谢谢。