影响页面加载速度的原因及部分优化

一、减少HTTP请求

上面说到80%~90%时间花在了下载页面中的所有组件进行的HTTP请求上。因此，改善响应时间最简单的途径就是减少HTTP请求的数量。

二、CSS Sprites

CSS Sprites直译过来就是CSS精灵，即页面上有许多重复的图片，可以选择用精灵图的的方式还有压缩图片和更改图片格式，使用CSS Sprites还有可能降低下载量，可能大家会认为合并后的图片会比分离图片的总和要大，因为还有可能会附加空白区域。实际上，合并后的图片会比分离的图片总和要小，因为它降低了图片自身的开销，譬如颜色表、格式信息等。还有一些小图片尽量用字体图标替代，

• 路由懒加载

1.v-loading 减慢table的渲染速度

2.文件压缩，js、图片压缩后返回前台，以及图片格式的选择

3.查看后台接口返回速度

4.  核心 采用路由懒加载提升加载熟读

懒加载：

非懒加载的路由配置：