Web 性能的“为什么”
网页性能就是让网站速度变快，包括让缓慢的过程看起来更快。本文将介绍为什么网页性能对网站访问者和您的业务目标很重要。
| 预备知识 | 已安装基本软件，并具备 客户端 Web 技术 的基础知识。 |
|---|---|
| 目标 | 初步了解为什么网页性能对良好的用户体验至关重要。 |
网页性能是指网站内容在网页浏览器中加载和渲染的速度，以及它对用户交互的响应程度。性能差的网站显示速度慢，对输入的响应也慢。性能差的网站会增加用户流失。最糟糕的情况下，性能差会导致内容完全无法访问。网页性能的一个好目标是让用户察觉不到性能问题。虽然个人对网站性能的感知是主观的，但加载和渲染是可以衡量的。良好的性能对大多数网站访问者来说可能并不明显，但大多数人会立即识别出缓慢的网站。这就是我们关心它的原因。
为什么关心性能？
网页性能——及其相关的最佳实践——对于您的网站访问者获得良好的体验至关重要。从某种意义上说，网页性能可以被认为是网页可访问性的一个子集。与可访问性一样，在性能方面，您需要考虑网站访问者正在使用什么设备访问网站以及设备的连接速度。
例如，考虑 CNN.com 的加载体验，在撰写本文时，该网站有超过 400 个 HTTP 请求，文件大小超过 22.6MB。
- 想象一下在连接到光纤网络的台式电脑上加载这个。这会显得相对较快，文件大小也将基本无关紧要。
- 想象一下在通勤回家的公共交通工具上，使用九年前的 iPad 通过移动数据网络加载同一个网站。同一个网站加载速度会很慢，甚至可能近乎无法使用，具体取决于蜂窝网络覆盖情况。您可能在它加载完成之前就放弃了。
- 想象一下在覆盖范围有限的地区，使用低成本设备加载同一个网站。该网站加载速度会非常慢——如果能加载的话——阻塞脚本可能会超时，并且不良的 CPU 影响可能会导致浏览器崩溃（如果能加载的话）。
在 3G 网络上，一个 22.6MB 的网站可能需要长达 83 秒才能加载，其中DOMContentLoaded（表示网站的基本 HTML 结构）需要 31.86 秒。
而不仅仅是下载时间是一个大问题。在某些地区，互联网连接是按兆字节计费的，这使得大文件下载变得非常昂贵。我们示例中 22.6MB 的 CNN.com 体验将消耗移动数据用户每日流量配额的很大一部分，甚至可能导致某些国际漫游套餐产生高额费用。
提高转化率
减少网站的下载和渲染时间可以提高转化率和用户留存率。
转化率是指网站访问者执行衡量或期望的动作的速率。例如，这可能是进行购买、阅读文章或订阅新闻通讯。作为转化率衡量的动作取决于网站的业务目标。
性能会影响转化；提高网页性能可以提高转化。网站访问者期望网站在两秒钟或更短的时间内加载完成；有时在移动设备上甚至更短（通常需要更长时间）。这些相同的网站访问者会在 3 秒后开始放弃缓慢的网站。
网站加载的速度是一个因素。如果网站对用户交互的响应缓慢，或者显得卡顿，这会导致网站访问者失去兴趣和信任。
以下是一些性能改进的真实案例
- Tokopedia 将 3G 连接的渲染时间从 14 秒减少到 2 秒，访客增加了 19%，总会话增加了 35%，新用户增加了 7%，活跃用户增加了 17%，每位用户会话增加了 16%。
- 为性能重新构建 Pinterest 页面，等待时间减少了 40%，SEO 流量增加了 15%，注册转化率增加了 15%。
要构建人们乐于使用的网站和应用程序；要吸引和留住网站访问者，您需要创建一个提供良好用户体验的可访问网站。构建网站需要 HTML、CSS 和 JavaScript，通常包括图像和视频等二进制文件类型。在构建网站时做出的决定和选择的工具会极大地影响最终工作的性能。
良好的性能是一项资产。糟糕的性能是一种负担。网站速度直接影响跳出率、转化率、收入、用户满意度和搜索引擎排名。性能良好的网站已被证明可以提高访问者留存率和用户满意度。内容加载缓慢已被证明会导致网站用户流失，有些访问者甚至不会再回来。减少客户端和服务器之间传输的数据量可以降低所有相关方的成本。减少 HTML/CSS/JavaScript 和媒体文件大小可以缩短加载时间并降低网站的功耗（请参阅性能预算）。
跟踪性能很重要。包括网络速度和设备功能在内的多个因素都会影响性能。没有单一的性能指标；不同的业务目标可能意味着不同的指标对网站或其支持组织的目標更相关。您的网站性能的感知方式就是用户体验！
总结
网页性能对于可访问性以及服务于组织或企业目标的其它网站指标也很重要。良好的或糟糕的网站性能与用户体验以及大多数网站的整体有效性密切相关。这就是您应该关心网页性能的原因。