网页性能的“为什么”
网站性能是指网站加载和渲染的速度,以及对用户交互的响应速度。网站性能的好坏直接影响用户体验,进而影响网站的目标达成。本文将介绍为什么网站性能对于网站访客和您的业务目标至关重要。
前提条件 | 已安装基本软件,并具备客户端 Web 技术的基础知识。 |
---|---|
目标 | 了解网站性能对良好用户体验的重要性。 |
网站性能是指网站内容在 Web 浏览器中加载和渲染的速度,以及对用户交互的响应速度。性能差的网站加载速度慢,对用户输入的响应速度也慢。性能差的网站会导致用户离开网站。最糟糕的情况是,性能差会导致内容完全无法访问。网站性能的良好目标是让用户感觉不到性能的存在。虽然用户对网站性能的感知是主观的,但加载和渲染速度是可以衡量的。良好的性能可能不会被大多数网站访客注意到,但大多数人会立即识别出速度缓慢的网站。这就是我们关注网站性能的原因。
为什么要关心性能?
网站性能及其相关的最佳实践对于网站访客获得良好的体验至关重要。从某种意义上说,网站性能可以被视为Web 可访问性的一个子集。在性能和可访问性方面,您需要考虑网站访客使用什么设备访问网站,以及设备的连接速度。
例如,考虑 CNN.com 的加载体验,在撰写本文时,该网站有超过 400 个 HTTP 请求,文件大小超过 22.6 MB。
- 想象一下,在连接到光纤网络的台式电脑上加载这个网站。这将显得相对快,文件大小在很大程度上无关紧要。
- 想象一下,在乘坐公共交通工具回家时,使用九年前的 iPad 上的移动数据加载同一个网站。同一个网站加载速度会很慢,甚至可能无法使用,具体取决于手机信号覆盖范围。您可能会在它完成加载之前放弃。
- 想象一下,在印度农村地区使用一台价值 35 美元的华为手机,信号覆盖范围有限或没有覆盖,加载同一个网站。网站加载速度会非常慢,如果能加载的话,阻塞脚本可能会超时,并且不利的影响 CPU 性能会导致浏览器崩溃,即使它确实加载了。
一个 22.6 MB 的网站在 3G 网络上可能需要长达 83 秒才能加载,其中DOMContentLoaded
(即网站的基本 HTML 结构)在 31.86 秒内完成。
下载所花费的时间并不是主要问题。许多国家仍然使用按兆字节计费的互联网连接。我们示例中 22.6 MB 的 CNN.com 体验的下载成本约为印度人平均日工资的 11%。从西北非洲的移动设备下载,可能要花费两天平均工资。如果这个网站是在美国运营商的国际漫游计划中加载的?这些费用会让任何人哭泣。(参见网站下载成本。)
提高转化率
减少网站的下载和渲染时间可以提高转化率和用户留存率。
转化率是指网站访客执行某个衡量或期望行动的比率。例如,这可能是进行购买、阅读文章或订阅时事通讯。作为转化率衡量的行动取决于网站的业务目标。
性能会影响转化率;提高网站性能会提高转化率。网站访客希望网站在两秒或更短时间内加载;有时在移动设备上甚至更短(因为在移动设备上通常需要更长时间)。这些相同的网站访客在三秒后就开始放弃速度慢的网站。
网站加载速度是一个因素。如果网站对用户交互的响应速度很慢,或者看起来很卡顿,这会导致网站访客失去兴趣和信任。
以下是一些关于性能改进的实际例子
- Tokopedia 将 3G 连接的渲染时间从 14 秒减少到 2 秒,并观察到访客人数增加了 19%,总会话数增加了 35%,新用户增加了 7%,活跃用户增加了 17%,每个用户的会话数增加了 16%。
- 重建 Pinterest 页面以提高性能,导致等待时间减少了 40%,SEO 流量增加了 15%,注册转化率增加了 15%。
为了构建人们想要使用的网站和应用程序,为了吸引和留住网站访客,您需要创建一个可访问的网站,提供良好的用户体验。构建网站需要 HTML、CSS 和 JavaScript,通常还包括图像和视频等二进制文件类型。您在构建网站时所做的决定和选择的工具会极大地影响最终作品的性能。
良好的性能是一项资产。糟糕的性能是一个负债。网站速度直接影响跳出率、转化率、收入、用户满意度和搜索引擎排名。性能良好的网站已被证明可以提高访客留存率和用户满意度。速度慢的内容已被证明会导致网站放弃,一些访客离开后永远不会再回来。减少客户端和服务器之间传递的数据量可以降低所有参与方的成本。减少 HTML/CSS/JavaScript 和媒体文件的大小既可以减少加载时间,也可以降低网站的功耗(参见性能预算)。
跟踪性能非常重要。包括网络速度和设备功能在内的多个因素会影响性能。没有单一的性能指标;不同的业务目标可能意味着不同的指标与网站或支持该网站的组织的目标更加相关。用户体验就是如何感知网站的性能!