优化加载顺序
了解如何优化加载顺序以提高应用的可用速度
静态导入
导入已被其他模块导出的代码
动态导入
按需导入部分代码
导入可见性
当它们在视口中可见时加载非关键组件
交互导入
当用户与需要与 UI 交互时加载非关键资源
基于路由的拆分
根据当前路由动态加载组件
捆绑拆分
将代码拆分为可重复使用的小块
PRPL模式
通过预缓存、延迟加载和最小化往返来优化初始加载
摇树 tree-shaking
通过消除死代码来减少包大小
预加载
在发现关键资源之前通知浏览器
预取
获取和缓存可能很快会被请求的资源
优化加载第三方
减少第三方脚本对网站的性能影响。
列表虚拟化
使用列表虚拟化优化列表性能
压缩 JavaScript
减少通过网络传输脚本所需的时间