我最近收藏并阅读的一些性能博文

后/前缓存 — 我一直认为浏览器只是对后退/前进按钮做了很花哨的事情，我们开发者几乎没有控制权。Philip Walton 告诉我们，理解“哪些页面符合（或不符合）bfcache 的资格以最大程度地提高其缓存命中率”至关重要。例如，如果您使用 unload 事件，页面将立即被取消资格，无法使用缓存。
使用 Lighthouse Parade 进行大规模性能分析 — Lighthouse 只测试您网站中的一个页面。Lighthouse Parade 测试网站中的所有 URL，并汇总结果。
超越速度与新性能功能 — Jake Archibald 讨论了 CSS 的 content-visibility 属性（以及其他一些东西）以及它如何带来巨大的性能提升（您可以使用它告诉浏览器直接不渲染某些东西）。现在，content-visiblity 使我感到不安，因为它在滚动条卡顿和无障碍问题方面存在问题。我发现它乍一看有点令人困惑，而 Tim Kadlec 也持保留意见.
图像解码和视觉计时 — 图像性能不仅与图像的大小有关。不同的格式需要不同的时间来解码和渲染。GIF 永远不会赢。
如何将 CSS-in-JS 性能提高 175 倍 — 诀窍，读者，是发送 CSS。您仍然可以在编写时使用 CSS-in-JS，并让构建过程创建 CSS。他们称之为“零运行时”，就像 Linaria 一样。
测试性能 — Kelly Sutton：“我发现防止性能退化的最佳方法是采用对代码的定性评估。”性能是如此难以捉摸，只有在生产环境中您才能真正知道发生了什么。
2021 年前端性能清单 — 如果你今年要认真对待性能，你最好深入研究 Vitaly 的指南。
我们渲染了一百万个网页以找出是什么让网络变慢 — HTTP/2 是良好性能的一个重要指标。