• 浏览器

    • 减少HTTP请求次数:合并文件、使用CSS Sprites、使用雪碧图、使用CDN加速等。
    • 设置浏览器缓存策略(强缓存与协商缓存)
    • 白屏添加动画(用户体验)
  • 资源

    • 静态资源cdn
    • 静态资源单独域名
    • 资源压缩:如果浏览器支持gzip解析,服务器推送gzip资源,检查请求头 Accept-Encoding: gzip
    • 服务端渲染
  • 图片

    • 图片懒加载
    • 精灵图\雪碧图
    • icon代替图片
    • 图片压缩成png格式,无损压缩
    • 小于10kb的图片,使用base64编码: url-loader
  • 代码

    • 慎用全局变量
    • 缓存全局变量
    • 减少重绘回流

      • 重绘:dom元素不更改大小位置的变化叫重绘
      • 回流:dom元素更改大小位置的变化叫回流
  • 打包

    • 按需加载资源
    • 减少代码体积

不倒翁cc
1 声望0 粉丝

努力学些