关于性能的链接 I

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

我打开了很多浏览器标签页,都是关于网页性能的文章,天呐,写一篇博文来总结一下真是太好了。这些文章都很棒!

Manuel Matuzovic,为什么 543 KB 会让我彻夜难眠

是的,我知道,这取决于具体情况。543 KB 不总是很糟糕,但在那个特定的页面上,只有一个图片(logo 约 20 KB)和一段文字。那么,为什么页面仍然相对较大,剩下的 523 KB 来自哪里呢?

剧透:是 JavaScript 导致的。此外,我不知道 Google 推荐了一个 理想的 DOM

  • 其节点总数少于 1500 个。
  • 最大深度为 32 个节点。
  • 没有父节点拥有超过 60 个子节点。

接下来是 高性能前端架构(无署名)

捆绑拆分将导致更多请求来加载您的应用。但只要这些请求并行发出,这就不算大问题,尤其是在您的网站通过 HTTP/2 提供服务的情况下。

这都是基于假设应用很大程度上是一个客户端 JavaScript 网站。我认为有很多 唾手可得的性能优化成果,但当谈到客户端 JavaScript 网站时,这几乎就像一个不同的列表。这使得代码拆分成为首要任务之一。


Jeremy Keith,讲述性能的故事

Web Page Test 是一个用于测量性能的绝佳工具。它也可以用作讲故事的工具。

WPT 输出网站加载的视频。将其与竞争对手并排放置,并向客户展示。


CP Clermont,网页性能的影响

在这篇文章中,我将讨论我在 ALDO 做了什么来衡量网页性能对收入的影响,而无需花费时间进行性能改进。

毫不奇怪,体验速度更快的用户会产生更多收入。令人惊讶的是,收入增长幅度很大。移动端增长了 3 倍以上,桌面端增长了近 6 倍。