单页面应用首屏加载速度慢怎么解决
-
网络延时
-
资源文件体积是否过大
-
资源是否重复发送请求去加载了
-
加载脚本的时候,渲染内容堵塞了
解决方案
-
减小入口文件体积(方法:路由懒加载)
-
静态资源本地缓存(利用localStorage)
-
UI框架按需加载
-
图片资源的压缩
-
组件重复打包
-
开启GZip加载(安装
compression-webpack-plugin) -
使用SSR
网络延时
资源文件体积是否过大
资源是否重复发送请求去加载了
加载脚本的时候,渲染内容堵塞了
解决方案
减小入口文件体积(方法:路由懒加载)
静态资源本地缓存(利用localStorage)
UI框架按需加载
图片资源的压缩
组件重复打包
开启GZip加载(安装compression-webpack-plugin)
使用SSR