从字体到图片,从接口到缓存,把能省的时间都省出来。
## 一、先把图片压下去
绝大多数首屏慢,都是因为图片。先做三件事:换成 WebP、按容器宽度出图、写上 width/height 避免布局抖动。
## 二、字体不要阻塞渲染
中文字体文件很大,能用系统字体就别用 Web 字体。
> 能用一行代码解决的事,不写三行。
这是一篇示例文章,用来展示标题、正文与引用的样式。
技术
从字体到图片,从接口到缓存,把能省的时间都省出来。
## 一、先把图片压下去
绝大多数首屏慢,都是因为图片。先做三件事:换成 WebP、按容器宽度出图、写上 width/height 避免布局抖动。
## 二、字体不要阻塞渲染
中文字体文件很大,能用系统字体就别用 Web 字体。
> 能用一行代码解决的事,不写三行。
这是一篇示例文章,用来展示标题、正文与引用的样式。