图片、字体和包体积怎么优化，才能启动快又不牺牲清晰度？

这三样都在启动的关键路径上，目标不是把文件压到最小，而是减少用户真正要等的那部分：下载、解码、解析和内存。图片按显示尺寸和内容类型选格式和分辨率；字体只带用到的字重和字符，并准备好回退字体；包里只放首屏必需的资源，其他按需加载。每做一项都要同时检查画质、兼容性、解码耗时和首屏时间，别只盯文件大小。

速记要点

• 文件小 ≠ 内存小，解码后按宽×高×4 字节算
• 图片按显示槽位出多档尺寸
• 字体子集化 + font-display + 回退字体
• 包变小不一定启动快，看改的是不是关键路径
• CI 里设体积预算，超了能定位到文件

1. 图片：传输体积和解码内存是两回事

一张 2000×2000 的图压成