我在第一次打开页面加载的时候很慢

来源：1-5 【讨论题】谈谈你对于构建工具得认识

软球球

2022-09-26

老师
您好
我用vite改造了打包，现在发现第一次打开页面的时候很慢，网上试了一些方法，比如optimizeDeps.include但还是效果不理想，首页打开差不多要4min ~ , 我webpack打包也差不多4min ~

写回答

1回答

好帮手慕小李

2025-01-23

尝试如下：

1、安装 vite-plugin-optimize-persist 和 vite-plugin-package-config 插件，这些插件可以自动记录需要预构建的依赖。

2、将代码分割成多个模块，并通过懒加载的方式按需加载组件；

3、Tree Shaking：确保代码中没有未使用的模块或函数，利用 Vite 默认的 Tree Shaking 功能去除无用代码；

手动拆分 Chunk：通过 rollupOptions.output.manualChunks 将大体积的第三方库单独拆分；

4、使用 vite-plugin-imagemin 插件对图片进行压缩；

5、使用 rollup-plugin-visualizer 插件分析打包后的文件体积和依赖关系，找出优化方向；

Vite 从入门到精通，玩转新时代前端构建法则

从使用到原理到实战的【前端构建】高效学习路线，一次性掌握Vite

788 学习 · 104 问题

相似问题

回答 1

回答 2

回答 1

回答 1

回答 1