前端优化方案

1,使用首屏优化,将首屏css文件放在html内部内联,加快css的构建

2,将静态资源放在cdn上面

3,将小图片做成雪碧图

4,将静态资源使用gzip压缩;

5,对静态资源开启强(长时间)缓存

6,对图片进行base64转换写到css文件内部

7,数据可以被缓存时尽量写到本地存储,减少请求次数

8,图片懒加载,路由懒加载

9,减少引起页面重绘和重排的dom操作

10,预加载,在一个页面加载完毕后,考虑到用户会大概率会进入下一页,那么提前把下个页面的资源加载一下

你可能感兴趣的:(前端优化方案)