前端面试题库

单页面应用加载性能优化

性能优化更新时间:2024-09-24 06:59:20

答案

优化加载速度的措施:

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

评论