1. 图片延迟加载:
- 使用`data-src`代替`src`属性来存储图片的实际来源。
- 当图片即将进入视口时,修改`data-src`为`src`,从而触发图片的加载。
2. JavaScript延迟加载:
- 使用`defer`属性来延迟JavaScript脚本的执行,直到HTML解析完成。
- 或者使用`async`属性来异步加载脚本,这样脚本可以在不阻塞页面渲染的情况下加载和执行。
3. CSS延迟加载:
- 将关键CSS放在`