影响页面加载速度的原因及部分优化
作者:互联网
一、减少HTTP请求
上面说到80%~90%时间花在了下载页面中的所有组件进行的HTTP请求上。因此,改善响应时间最简单的途径就是减少HTTP请求的数量。
二、CSS Sprites
CSS Sprites直译过来就是CSS精灵,即页面上有许多重复的图片,可以选择用精灵图的的方式还有压缩图片和更改图片格式,使用CSS Sprites还有可能降低下载量,可能大家会认为合并后的图片会比分离图片的总和要大,因为还有可能会附加空白区域。实际上,合并后的图片会比分离的图片总和要小,因为它降低了图片自身的开销,譬如颜色表、格式信息等。还有一些小图片尽量用字体图标替代,
- 路由懒加载
1.v-loading 减慢table的渲染速度
2.文件压缩,js、图片压缩后返回前台,以及图片格式的选择
3.查看后台接口返回速度
4. 核心 采用路由懒加载提升加载熟读
懒加载:
非懒加载的路由配置:
标签:HTTP,加载,路由,页面,优化,Sprites,CSS,图片 来源: https://blog.csdn.net/WebDestiny/article/details/100119649