前端性能优化和首屏加载优化

资源加载优化：

减少请求的数量（http请求）

  1，雪碧图：小图标合并成一个大的图片

   2，灵活使用http缓存和webstorage，静态资源本地缓存

gzip代码压缩，减少文件体积

按需加载：图片懒加载，ui组件按需加载，路由懒加载

预加载：使用loading或者骨架屏，等页面加载完毕后再显示

减少cookies

避免重定向

使用cdn，内容分发网络，让用户就近取得资源，提高相应速度

首屏加载优化：

   1，减少入口文件的体积：

         路由懒加载，ui组件按需加载，图片懒加载

    2，灵活使用http缓存和webstorage，静态资源本地缓存

     3，减少http请求：雪碧图

    4，开启gzip压缩，减少文件体积

    5，cdn，内容分发网络，让用户就近取得资源

   6，ssr，服务端渲染

页面渲染优化：

 1，优化高频事件：节流防抖

2，减少dom节点

3，减少回流和重绘：避免不必要的DOM操作，避免使用document.write，减少drawImage，尽量改变class而不是style，使用classList代替 className

4，尽量使用id选择器：id选择器选择元素是最快的