vite-vue3-admin icon indicating copy to clipboard operation
vite-vue3-admin copied to clipboard

本地运行超级慢,不知道啥原因

Open pamxy opened this issue 3 years ago • 10 comments

本地运行超级慢,不知道啥原因/(ㄒoㄒ)/~~

pamxy avatar Dec 28 '21 08:12 pamxy

确实有这个问题,打开页面加载很慢

lpz1096 avatar Jan 29 '22 07:01 lpz1096

多谢大佬的项目,学到了很多知识,从去年你发布gitee就关注你了,刚给你发了小红包买杯咖啡

lpz1096 avatar Jan 29 '22 08:01 lpz1096

多谢大佬的项目,学到了很多知识,从去年你发布gitee就关注你了,刚给你发了小红包买杯咖啡

😁谢谢大兄弟支持!加载慢原因大概是像这篇文章分析的,优化的话,可能还是得像vite官方文档(依赖预构建)中所说的将有许多内部模块的 ESM 依赖关系转换为单个模块,以提高后续页面加载性能

buqiyuan avatar Feb 09 '22 02:02 buqiyuan

@pamxy @lpz1096 已修复,重复刷新页面是antfu大佬的unplugin-vue-components问题,已替换为vite-plugin-style-import

buqiyuan avatar Feb 09 '22 06:02 buqiyuan

可是替换为vite-plugin-style-import还是很慢哎

Meihualu-cc avatar Mar 31 '22 08:03 Meihualu-cc

可是替换为vite-plugin-style-import还是很慢哎

(⊙o⊙)…有多慢呢?vite的主要优势在于开发时冷启动速度快,但是在首次启动时 按需编译的过程还是需要耗费一定时间的,首次启动时页面有十几秒的等待时间很正常,你看下network 请求mian.ts的耗时多久

buqiyuan avatar Mar 31 '22 09:03 buqiyuan

可是替换为vite-plugin-style-import还是很慢哎

(⊙o⊙)…有多慢呢?vite的主要优势在于开发时冷启动速度快,但是在首次启动时 按需编译的过程还是需要耗费一定时间的,首次启动时页面有十几秒的等待时间很正常,你看下network 请求mian.ts的耗时多久

请求mian.ts耗时37s,我就首次启动时页面加载慢,而且不止十几秒

Meihualu-cc avatar Apr 01 '22 01:04 Meihualu-cc

请求mian.ts耗时37s,我就首次启动时页面加载慢,而且不止十几秒

image (⊙o⊙)…那应该是你机器性能问题了 我本地都是在15s左右,你可以尝试启用http2 或 合理使用import()进行按需加载 看能否优化那么丢丢了

buqiyuan avatar Apr 01 '22 06:04 buqiyuan

可是替换为vite-plugin-style-import还是很慢哎

(⊙o⊙)…有多慢呢?vite的主要优势在于开发时冷启动速度快,但是在首次启动时 按需编译的过程还是需要耗费一定时间的,首次启动时页面有十几秒的等待时间很正常,你看下network 请求mian.ts的耗时多久

请求mian.ts耗时37s,我就首次启动时页面加载慢,而且不止十几秒

在vite.config.ts -> optimizeDeps -> include 中加入常用的组件: 'ant-design-vue/es/menu/style/css', 'ant-design-vue/es/card/style/css',

meguoe avatar Aug 09 '22 04:08 meguoe

在vite.config.ts -> optimizeDeps -> include 中加入常用的组件: 'ant-design-vue/es/menu/style/css', 'ant-design-vue/es/card/style/css', 把常用的组件加入到预编译后,首次运行访问就很快了

meguoe avatar Aug 09 '22 04:08 meguoe