【性能优化系列之前端】前端性能优化手段
前端性能优化手段从以下几个方面入手:加载优化,执行优化,渲染优化,脚本优化。
1. 加载优化:减少HTTP请求、缓存资源、压缩代码、无阻塞、首屏加载、按需加载、预加载、压缩图像、减少Cookie、避免重定向、异步加载第三方资源。
2. 执行加载:CSS写在头部,JS写在尾部并异步、避免img、iframe等的src为空、尽量避免重置图像大小、图像尽量避免使用DataURL
3. 渲染加载:设置viewport、减少DOM节点、优化动画、优化高频事件、GPU加速
