单页面应用的首屏加载慢的问题

首屏加载太慢的问题

原因：因为第一次要把所有页面组件内容下载下来

解决：

1. 异步延迟加载（脚手架默认选择）

   • 打包时，每个文件打包为单独文件
   • 首屏加载时，只强制加载第一个组件的内容，后续组件由底层程序异步加载

   优点：不影响首屏加载速度，又能实现单页面应用的效果

   缺点：因为即使用户不看其他组件的内容，也会下载其他组件，浪费网络流量

2. 懒加载（可通过配置脚手架实现）

• 打包时，每个文件打包为单独文件
• 首屏加载时，不会下载其他组件
• 只有当用户切换到其他某个组件时，才临时下载用户想看的组件

优点：省流量

缺点：下载速度比加载本地组件稍慢