Tag

#性能

共 5 篇内容。

让动画跑在合成层：transform/opacity 与 layout thrash 的边界

前端动效性能的核心是只动 GPU 能独立处理的属性。讲清 transform/opacity 为何安全、哪些属性会触发布局重排、以及读写分离避免强制同步布局。

正文图片用 loading=lazy + decode=async 延迟解码，配合占位尺寸与淡入，兼顾性能与体验，并处理失败与 reduced-motion。

Performance/A11y/Best-Practices/SEO 四个类别分背后的审计项如何映射到具体修复：对比度、表单标签、控制台错误与指标类洞察的定位方法。

中小内容站不需要搜索引擎——讲清构建期生成扁平 JSON 索引 + 浏览器端过滤的设计：结构、字段取舍、更新链路与失效边界。

Web 字体如何造成布局偏移与文本闪烁，font-display/size-adjust/预加载的组合拳，以及系统字体栈在内容站上的合理性论证。