优化加载速度的措施:
- 代码分割:将代码分割成小块,按需加载,较少首屏加载时间;
- 资源缓存:根据情况对css、js、图片等文件设置缓存。如果文件有修改,但编译后的文件名相同可以使用协商缓存,如果编译后的文件名不相同则可以使用强缓存;
- 预加载:提前加载页面所需的关键资源;(使用preload/prefetch)
- Gzip压缩:使用Gzip压缩减少文件大小;
- 图片格式优化:选择合适的图片格式,压缩文件大小,使用字体文件代替小图标;
- 使用CDN:使用CDN从距离最近的服务器获取资源,减少网络传输时间;
- 使用http2:使用http1浏览器会限制同一个域名的TCP连接数,比如chrome是6个。超过6个请求,后面的请求就要等前面的请求完成后再发送;http2的通道复用可以避免这个问题;