文章标签

Lighthouse 是一款免费的开源工具，用于评估您网站的性能、可访问性、渐进式 Web 应用指标、SEO 等。最简单的使用方法是通过 Chrome DevTools 面板。打开 DevTools 后，您将看到…

您可能知道，单个整体 JavaScript 包（曾经是最佳实践）不再是现代 Web 应用程序的最佳选择。研究表明，更大的包会增加内存使用量和 CPU 成本，尤其是在…

人们说 JAMstack 网站速度很快——让我们通过查看真实的性能指标来找出原因！我们将介绍常见的指标，例如第一个字节时间（TTFB)等，然后比较大量网站的数据…

Ire Aderinokun 撰写了一篇关于使用 Lighthouse（Google 的一套帮助开发者了解其网站性能和可访问性的工具）设置性能预算（并坚持执行）的新方法

直到最近，我也没有设置

很容易在导入方面过度使用，最终导致数兆字节的 JavaScript 代码。这是一个问题，因为这个大小会给访问我们网站的每个人带来负担，很可能会延迟或停止…

尽管 我们之前提到过，但我认为 Addy Osmani 的这篇关于 JavaScript 性能问题 的优秀文章仍然值得深入研究。

在这篇文章中，Addy 涉及了性能工作的所有方面…

网络变得越来越大了。在广度和重量方面。Nick Heer 的“The Bullshit Web”

美国平均互联网连接速度是十年前的六倍，但取而代之的是

Andrey Sitnik 开发的一款新工具

1. 可以告诉您您的包将有多大（假设使用 Webpack）
2. 可以显示该包的可视化表示，以便您可以了解大小的来源
3. 可以设置

Brad Frost 创建了一个非常有趣的 可视化工具，帮助团队思考性能预算。它将所有资源（HTML、CSS、JS、图像、字体等）显示为一个比例条形图的一部分。这是一种查看…的好方法。