总结用于加载CSS的最佳网络性能做法:
- 延迟加载Start Render不需要的任何CSS:
- 这可能是关键CSS;
- 或将CSS分成依据媒体Media不同的文件。
- 避免@import:
- 在您所有的HTML中;
- 特别是在CSS中;
- 并当心Preload Scanner预加载扫描仪的怪事。
- 注意同步CSS和JavaScript的顺序:
- CSS之后加载JavaScript在CSSOM完成之前不会运行。
- 因此,如果您的JavaScript不依赖于CSS,
- 在CSS之前加载它;
- 但如果确实取决于您的CSS:
- 在CSS之后加载它。
- 根据DOM需要加载CSS:
- 这将不会阻塞“Start Render”,并允许进行渐进式渲染。
更详细案例点击标题进入原文