图片与字体优化
图片与字体优化
这篇笔记还在编辑中，内容可能会继续补充、调整或重写。
核心认识
图片应按展示尺寸选择现代格式和响应式变体，字体应控制字重、字符集与加载策略。两者都要兼顾视觉质量、解码成本和布局稳定性。
学习重点
- 以真实用户体验和业务关键路径为优化目标
- 先测量并建立基线，再定位网络、渲染或 JavaScript 瓶颈
- 通过性能预算和持续监控防止优化结果回退
实践检查
- 能用自己的话解释“图片与字体优化”
- 能在最小项目中完成一次与“图片与字体优化”相关的验证
- 能记录常见问题、取舍依据和排查方法