文章标签

这是 Mat Marquis 的一个很棒的演讲稿，他在其中详细介绍了他是如何使 Bocoup 网站闪电般快速，特别是使用花哨的字体加载技巧和性能工具来帮助随着时间的推移监控这些改进。

虽然，我最喜欢的……

Ben Maurer & Nate Schloss

浏览器的重新加载按钮是为了让用户能够获取当前页面的更新版本。为了实现这个目标，当您重新加载时，浏览器会重新验证您当前所在的页面

Ire Aderinokun

CRP 有 6 个阶段 -

1. 构建 DOM 树
2. 构建 CSSOM 树
3. 运行 JavaScript
4. 创建渲染树
5. 生成布局
6. 绘制

我想象，如果你真的要深入性能工作，你会想要一个……

是时候进行另一个配对屏幕录制了！这次我邀请了来自 Filament Group 的 Zach Leatherman。Zach 在过去几年里做了很多关于 Web 字体加载的研究、写作和演讲。他有一个关于……

Sally Jenkinson

渐进式 Web 应用（有时被称为 PWA，因为技术中的所有事物都需要一个首字母缩略词）是用于描述遵循特定方法并满足特定技术标准的网站的概括性术语。“应用”参与在名称中并不是一个

Ethan Marcotte，关于时间和预算受限的组织的网站

在工作紧迫性和资源规模之间，花费几个月时间进行全面重新设计是他们无法负担的。鉴于此，一个免费主题可以用于，比如说，

Scott Jehl，解释他为 Filament Group 网站做出的性能改进之一

内联是一种值得注意的解决方法，但它仍然是一种解决方法。幸运的是，HTTP/2 的服务器推送功能带来了内联的性能优势，而不会牺牲缓存能力

也许你听说过 WebP 图像格式？以及它如何为支持它的浏览器带来相当不错的性能提升？嗯，目前只有基于 Blink 的浏览器支持它。Estelle Weyl 的文章 图像优化 解释了最佳图像……

Vitaly Friedman 的清单包含一个“快速获胜”部分，其中列出了不可忽视的 Web 性能事项。如果你没有为资产设置缓存头、优化图像和使用 gzip 压缩，你就是在放弃一些巨大而简单的性能提升。……