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

梦想与她 提交于 2019-11-28 21:47:20

一、减少HTTP请求

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

二、CSS Sprites

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

  • 路由懒加载

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

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

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

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

懒加载:

非懒加载的路由配置:

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!