#performance

Web Performance

为什么你的网站应该发送更少请求，而不是只缩小文件

现代网站常常追求更小的文件，却忽视了请求数量。更快的修复方式通常是更少、时机更好的请求。

2026年5月29日 · 9 分钟阅读

Web Performance

为什么你的 Time to First Byte 很慢，以及该如何处理

TTFB 缓慢通常意味着路由慢、缓存缺失、服务器过载，或后端工作开销过高。以下是诊断和修复的方法。

2026年5月27日 · 10 分钟阅读

Media, Images & Files

如何为 Web 播放选择合适的视频编解码器

选择 Web 视频编解码器时，应基于受众、设备支持、质量目标、编码成本和交付模式，而不只是压缩率图表。

2026年5月25日 · 10 分钟阅读

Web Performance

Core Web Vitals 详解：用通俗语言理解 LCP、INP 和 CLS

Core Web Vitals 衡量加载速度、响应能力和视觉稳定性。下面用实际场景解释 LCP、INP 和 CLS 的含义。

2026年5月24日 · 10 分钟阅读

Web Performance

Preload、prefetch 和 preconnect：它们何时真正有用

一份关于 preload、prefetch 和 preconnect 的实用指南：每种 hint 做什么、何时有帮助，以及何时应该不去使用它。

2026年5月21日 · 10 分钟阅读

Media, Images & Files

WebP 无损相比 PNG 实际能为你节省什么

WebP 无损在文件大小上通常优于 PNG，但并非总是如此。本文说明它什么时候有帮助、什么时候没有，以及如何正确测试。

2026年5月20日 · 10 分钟阅读

Privacy & Security

如何在本地托管字体，而不是使用 Google Fonts

自行托管 Google Fonts，减少第三方请求，改善隐私保护态势，并更好地控制性能。

2026年5月16日 · 9 分钟阅读

Media, Images & Files

生产环境中的可变字体：没人告诉你的取舍

可变字体很强大，但生产结果取决于子集化、缓存、渲染、CSS 规范以及设计克制。

2026年5月15日 · 10 分钟阅读

Media, Images & Files

如何在不牺牲质量的前提下压缩 Web 音频

要做好 Web 音频压缩，关键在于选择合适的编解码器、比特率、源文件流程和听感测试，而不是把所有内容都粗暴压成 MP3。

2026年5月13日 · 9 分钟阅读

Web Performance

懒加载究竟会如何影响你的最大内容绘制

只有在延迟非关键工作时，懒加载才能改善页面加载。把它用于首屏以下的媒体，而不是你的 LCP 图片。

2026年5月10日 · 9 分钟阅读

Web Performance

如何阅读 Lighthouse 报告而不慌张

Lighthouse 报告信息密集，也容易让人望而生畏。本文说明如何从噪声中提取信号，并优先处理那些真正改善用户体验的问题。

2026年5月2日 · 7 分钟阅读

Web Performance

在大多数网站上，Web 字体仍然是最容易获得的性能收益

大多数慢网站都有一个共同点：它们发送的字体字重比页面实际使用的更多，格式比必要的更旧，而且没有 fallback 策略。修复这件事只需要半天。

2026年5月1日 · 4 分钟阅读