页面加载速度直接影响跳出率与转化。本文总结一套可落地的前端性能优化清单。

资源瘦身

合并与压缩 CSS/JS，使用现代图片格式（WebP/AVIF），并为静态资源设置长效缓存。

关键渲染路径

延迟非关键脚本、内联首屏关键 CSS，让首屏尽快可见。

体验优先

配合骨架屏与图片懒加载，在弱网环境下也能保持流畅观感。