网页性能优化网页性能优化

页面级优化

从设计层实现页面简化：比如百度首页，很简介，所需要的资源就相对较少
合理设置HTTP缓存：比如对很少变化的图片资源设置HTTP header的expires为一个很长的时间，尽量让浏览器缓存图片
资源合并与压缩：将多个js合并为一个js并压缩，将多个css合并为一个css并压缩；去除不要的代码
雪碧图
【网页性能优化】资源懒加载：比如看第一屏的时候只有第一屏的图片，往下滑动才会请求加载第二屏的图片；webpack也为我们提供了懒加载的方式，比如vue-router里这么写

const routes = [ { path: 'xxx', component: resolve => import('xxxxx.vue')// 这个import就是webpack提供的代码切割达到懒加载的方法 } ]