代码分割后模块串行加载怎么优化？
我在用 React 做路由级代码分割，发现多个动态 import 的模块是串行加载的，首屏白屏时间变长了。比如下面这样：
const PageA = React.lazy(() => import('./PageA'));
const PageB = React.lazy(() => import('./PageB'));
// 路由里同时用到了这两个组件
有没有办法让它们并行加载？或者至少提前预加载？试过 Promise.all 包一下但好像没生效。
- 1
回答
27浏览
CSS代码分割后样式丢失是怎么回事？
我用Webpack做了代码分割，把不同页面的CSS拆成了单独的chunk，但加载新页面时样式有时候不生效，刷新一下又好了。是不是动态加载CSS的时候顺序乱了？ 我试过用mini-css-extract...
- 2
回答
54浏览
async和defer到底该怎么用才能优化首屏加载？
最近在优化页面加载速度，把两个JS文件分别用了async和defer，但页面还是感觉卡顿。比如这个代码： <script src="main.js" defer></script&g...
- 2
回答
32浏览
代码分割后动态加载分包时，如何处理依赖模块重复加载的问题？
我在用React.lazy实现代码分割时遇到问题。页面A和页面B都引用了lodash，按路由拆分的两个分包里都包含了lodash代码。虽然配置了webpack的splitChunks，但动态加载时发现...
- 2
回答
47浏览
为什么我的Vue路由懒加载没有实现代码分割？
我在Vue3项目里按教程配置了路由懒加载，但打包后main.js还是有1MB，根本没分割。检查过代码： const routes = [ { path: '/about', com...
- 2
回答
105浏览
V8引擎中如何优化JavaScript代码性能？
最近在研究怎么让我的网页加载速度更快，听说可以通过优化JavaScript代码来减少V8引擎的执行时间。我尝试过合并小文件、减少DOM操作次数这些方法，但效果不明显。 有没有什么更具体的关于V8引擎的...
- 1
回答
11浏览
模块联邦中远程组件加载失败怎么办？
我在用 Webpack 5 的模块联邦搞微前端，本地调试时主应用能正常加载远程组件，但部署到测试环境后就报错了，控制台提示找不到 remoteEntry.js。 我检查了 remote 的 publi...
- 1
回答
14浏览
代码分割时 CommonChunk 被重复打包怎么办？
我在用 webpack 做代码分割，把公共依赖抽成 common.js，但发现 vendor 和 common 里都包含了 lodash，页面加载时重复执行了，体积也变大了。是不是 splitChun...
- 1
回答
11浏览
串行加载多个CSS文件会影响性能吗？
我在做代码分割的时候，把不同页面的样式拆成了多个CSS文件，然后用JS按顺序动态加载。但发现页面渲染变慢了，是不是串行加载的问题？ 比如我现在这样加载： /* page-home.css */ .ho...
- 1
回答
19浏览
智能预加载怎么判断用户下一步要访问哪个页面？
我最近在做首页性能优化，想用智能预加载提前加载用户可能点击的页面资源，但完全不知道该怎么预测用户行为。 试过用 IntersectionObserver 监听可视区域内的链接，但很多关键按钮并不在首屏...
- 1
回答
20浏览
模块联邦加载远程组件时样式丢失怎么办？
我在用 Webpack 5 的模块联邦加载远程 React 组件，JS 能正常加载，但组件的 CSS 样式完全没生效，页面布局都乱了。本地开发时没问题，一通过 Module Federation 引入...
暂无解答