前端性能优化

一:静态资源优化:
        ①:合并css,js文件,制作雪碧图,减少http的请求次数;
   ②:静态资源cdn的分发;客户端可以通过最佳网络链路加载静态页面。
   ③:js,css文件压缩,图片压缩,减少请求返回的数据量。
   ④:静态资源缓存机制。
   
二:接口优化:
         ①:接口合并;
    ②:首屏合并,同构。
    
三:页面渲染速度优化:
         ①:css放在顶首:优先;
    ②:js放在底部:避免阻塞;
    ③:减少DOM元素数量;
    ④:img标签要宽高:减少重绘排版。
posted @ 2020-01-11 14:03  鱼毛毛  阅读(143)  评论(0编辑  收藏  举报