前端首屏性能优化

• ~~**页面渲染优化**~~
• • 减少资源大小
  • 减少http请求
  • 提高http请求头响应速度
  • 优化资源加载时机
  • 优化资源、内容加载方式
• ~~**资源加载优化**~~
• • 优化html代码
  • 优化js/css
  • 优化动画效果

页面渲染优化

减少资源大小

减少http请求

提高http请求头响应速度

优化资源加载时机

优化资源、内容加载方式

资源加载优化

优化html代码

优化js/css

优化动画效果

使用requestAnimationFrame
使用transform和opacity实现动画
合理使用will-change或translateZ来提升某些元素判断的合成