content-visibility:提升渲染性能的新 CSS 属性

2024-10-07

本文介绍了 CSS 中的新属性 content-visibility,它可以通过跳过屏幕外内容的渲染来提高网页加载性能。content-visibility 属性允许开发者控制浏览器何时渲染元素的内容,从而提高页面加载速度和用户交互体验。文章详细解释了 content-visibility 的语法、取值以及如何使用它来优化页面性能,并提供了一个旅行博客的示例来说明其效果。

阅读更多
22
未分类 Web 性能优化

@property: 支持所有主流浏览器的下一代 CSS 变量

2024-07-12

文章介绍了 CSS Houdini API 中的 @property 规则,它现在已获得所有现代浏览器的全面支持。该功能为 CSS 自定义属性(也称为 CSS 变量)解锁了新的控制和灵活性级别,使样式表更加智能和动态。文章详细解释了 @property 的优势,包括语义含义、回退值和改进的错误处理。文章还提供了一个示例,演示如何使用 @property 创建具有动画效果的渐变背景。

阅读更多
43

谷歌表格为何要将计算引擎从 JavaScript 移植到 WasmGC

2024-06-27

本文介绍了谷歌表格团队将其计算引擎从 JavaScript 移植到 WasmGC 的原因和过程。JavaScript 计算引擎虽然经过优化,但性能仍落后于 Java。WasmGC 作为 WebAssembly 的扩展,为垃圾收集语言提供了接近原生速度的 Web 支持。移植过程面临诸多挑战,包括工具链缺失、代码库差异等,但最终实现了显著的性能提升。

阅读更多
50
未分类 WasmGC

Time to First Byte (TTFB) 指南

2024-06-10

本文介绍了网页性能指标TTFB(Time to First Byte,首字节时间),它指的是从浏览器请求资源到接收到第一个字节的时间。文章详细解释了TTFB的构成、测量方法以及如何改进TTFB,并提供了一些代码示例。

阅读更多
49
未分类 TTFB 网页性能