[转载] 全方位提升网站打开速度：前端、后端、新的技术

译文出自：掘金翻译计划

译者：luoyaqifei

校对者：Romeo0906，L9m

全方位提升网站打开速度：前端、后端、新的技术

这里是 我们 充分利用对于网络缓存和 NoSQL 系统的研究，做出一个可以容纳几十万通过电视宣传慕名而来的访问者的 网上商城 的故事，以及我们从中学到的一切。

"Shark Tank"（美国），"Dragons’ Den"（英国）或" Die Höhle der Löwen（DHDL）"（德国）等电视节目为年轻初创公司供了一次在众多观众前向商业大亨推销自己产品的机会。然而，主要的好处往往不在于评审团提供的战略投资——只有少数交易会完成——而是在电视节目播放期间引发的关注：即使是几分钟的直播也能给网站带来几十万的新用户，同时能够提高几周、几个月甚至永久性的网站基本活跃水平。也就是说，如果网站可以抓住初始负载尖峰，并且不拒绝用户请求……

仅仅可用是不够的——延迟是关键！

网上商城的盈利压力特别大，因为他们不只是消遣项目（诸如博客），但通常由于创始人本身有大量投资支持，必须转化为利润。很明显，对于商业业务来说，最坏的情况是网站过载，在此期间服务器不得不丢掉部分用户请求甚至可能完全崩溃。这并不像你想象的那样罕见：在 DHDL 的这一季，大约有一半的网上商店在直播现场就无法连接了。并且，保持在线只有一半的租金，因为用户满意度是强制连接到转化率，从而直接转化为产生的收入的。

Source

关于页面加载时间对客户满意度和转换率的影响，有很多 研究 支持这种说法。例如，Aberdeen Group 发现，额外延迟的 1 秒会导致页面浏览量减少 11％，转化次数损失 7％。 但你也可以询问 Google 或 Amazon，他们会告诉你同样的说法。

怎样让网站加速

为初创公司 Thinks 搭建的网上商城参与了 DHDL，并在 9 月 6 日播出。我们面临着一个挑战，搭建一个能够承受数十万访客量的网上商店，并且加载时间稳定在 1 秒以内。以下都是我们在这个过程中以及从近些年对数据库和网络的性能研究中学到的。

在现有的 web 应用技术中有三个影响页面加载时间的主要原因，展示如下：

后端处理：web 服务器需要时间从数据库加载数据和整合网站。

网络延迟：每个请求需要时间从客户端传输到服务器，并返回（请求延迟）。当考虑到平均每个网站需要发出超过 100 个请求 才能完全加载时，这变得更加重要。

前端处理：前端设备需要时间来渲染页面。

为了让我们的网店加速，让我们一一解决这三个瓶颈。

前端性能

影响前端性能最重要的因素是关键呈现路径（CRP），它描述了在浏览器中向用户显示页面所需的 5 个必要步骤，如下所示。

关键呈现路径的步骤：

DOM：当浏览器解析HTML时，它会增量式地生成一个 HTML 标签的树模型，称为 文档对象模型（DOM），该模型描述了页面内容。