vite + vue3 项目如何提升加载速度,及删除不必要的加载项

9次阅读

共计 301 个字符,预计需要花费 1 分钟才能阅读完成。

我们项目前端是用的 vite + vue3, 但是发现首页加载相对比较慢的,而且加载了很多其他页面需要,但是首页不需要的 js 文件。

请问:

  1. 如何提升加载速度,让 js 等文件的加载不阻塞首页显示呢?
  2. 如何只加载必须的文件?

图片我们都已经做了 lazy-loading, 这里想请问 js 和 css 文件如何只加载必须的文件,以及尽量让加载不阻塞页面渲染。

我们测试服务器的地址是: https://beta.scienhub.com,
bundle visualizer: https://beta.scienhub.com/stats.

其中像是 monaco-editormathajax 都是和首页毫无关系的文件,但是仍然在首页加载项里。
vite + vue3 项目如何提升加载速度,及删除不必要的加载项

正文完
 0