前端性能优化

Posted 2021-03-16 zyb99812

一：静态资源优化：
        ①：合并css,js文件，制作雪碧图，减少http的请求次数；
   ②：静态资源cdn的分发；客户端可以通过最佳网络链路加载静态页面。
   ③：js,css文件压缩，图片压缩，减少请求返回的数据量。
   ④：静态资源缓存机制。
   
二：接口优化：
         ①：接口合并；
    ②：首屏合并，同构。
    
三：页面渲染速度优化：
         ①：css放在顶首：优先；
    ②：js放在底部：避免阻塞；
    ③：减少DOM元素数量；
    ④：img标签要宽高：减少重绘排版。