单页面应用首屏加载速度慢怎么解决

加载慢的原因

  • 网络延时

  • 资源文件体积是否过大

  • 资源是否重复发送请求去加载了

  • 加载脚本的时候,渲染内容堵塞了

解决方案

  • 减小入口文件体积(方法:路由懒加载)

  • 静态资源本地缓存(利用localStorage)

  • UI框架按需加载

  • 图片资源的压缩

  • 组件重复打包

  • 开启GZip加载(安装compression-webpack-plugin

  • 使用SSR

posted @ 2022-07-28 14:22  ajaXJson  阅读(71)  评论(0编辑  收藏  举报