chuiliu/dev-notes

前端优化的思路

Closed this issue · 0 comments

  • 减少 HTTP 请求数
    合并图片,合并CSS,合并JS等资源
  • 减小 HTTP 请求资源的大小
    压缩资源:图片,CSS,JavaScript,HTML
    使用 gzip 传输
    小于2kb的图片可使用 base64
    移除注释
  • 不要过多使用 JS 动画,避免过多页面重排
  • CSS3 transform 使用 width, height, 避免使用 top, left
  • 移动端非首屏部分滚动加载
  • 图片懒加载
  • 事件绑定尽量使用事件代理
  • 缓存 dom
  • 添加页面过渡动画