微前端子应用加载太慢，怎么优化首屏性能？
我们用 qiankun 搭了个微前端项目，主应用加载很快，但子应用首次进入时白屏好几秒，用户体验很差。试过动态 import 和预加载，但效果不明显。
子应用入口是通过 script 标签注入的，像这样：
<script src="/subapp/main.js"></script>
<div id="subapp-container"></div>
有没有更有效的方案？比如资源预拉取、模块联邦，或者子应用本身的打包优化？
- 0
回答
4浏览
Electron 应用启动太慢，怎么优化主进程加载速度？
我用 Electron 做了个桌面应用，但每次启动都要等好几秒，感觉卡在主进程加载了。试过把 require 放到 ready 之后，还是没明显改善。 现在主进程里引入了不少模块，比如 const {...
- 1
回答
19浏览
智能预加载怎么判断用户下一步要访问哪个页面？
我最近在做首页性能优化，想用智能预加载提前加载用户可能点击的页面资源，但完全不知道该怎么预测用户行为。 试过用 IntersectionObserver 监听可视区域内的链接，但很多关键按钮并不在首屏...
- 2
回答
39浏览
微前端子应用部署后主应用加载不到资源怎么办？
我们用 qiankun 搭的微前端架构，本地开发没问题，但子应用部署到测试环境后，主应用加载时报 404，找不到子应用的 JS 和 CSS。子应用单独访问是正常的，路径也配了 publicPath，但...
- 1
回答
14浏览
边缘计算能减少首屏加载时间吗？具体怎么用？
我们网站的首屏加载在海外用户那特别慢，听说边缘计算可以就近分发内容，但我不太确定该怎么实际应用到前端项目里。 比如我现在有个静态 HTML 页面，已经部署在 CDN 上了，但 API 请求还是回源到国...
- 1
回答
10浏览
移动端图片加载太慢怎么优化？
我在做移动端页面时，发现首屏的几张大图加载特别慢，用户经常看到空白好几秒。我已经用了懒加载，但首屏图片还是卡，有什么办法能提速吗？ 这是我现在用的图片代码： <img src="banner-m...
- 1
回答
8浏览
Node.js 接口响应太慢，怎么优化性能？
我用 Node.js 写了个 API 接口，前端用 Vue 调用，但每次加载都要等好几秒，本地开发都卡。试过加缓存和减少数据库查询，还是没明显改善。 前端是这样调用的： <template>...
- 1
回答
17浏览
前端性能测试怎么测首屏加载时间？
我在做项目优化，想测一下首屏加载时间，但不知道用什么工具或者方法比较准。试过用 performance.now() 手动打点，但感觉不太靠谱，因为首屏内容动态渲染的，怎么判断“首屏”到底什么时候算完成...
- 1
回答
14浏览
前端缓存预热到底该怎么实现？
最近在做首屏性能优化，听说缓存预热能提升后续页面加载速度，但我不太确定具体该怎么做。 比如用户刚进入首页，能不能提前把“个人中心”或“商品详情”这些高频页面的静态资源（JS、CSS、图片）悄悄加载到缓...
- 2
回答
11浏览
Nuxt 项目首屏加载太慢，怎么优化？
我用 Nuxt 3 搭了个博客，首页要加载十几篇文章的摘要，现在首屏白屏时间特别长，Lighthouse 评分才 40 多分。试过 lazy: true 和 suspense，但效果不明显。 数据是通...
- 2
回答
23浏览
智能预加载怎么判断用户下一步要访问哪个页面？
最近在做 React 项目性能优化，想实现“智能预加载”——比如用户在首页滚动到某个区域时，就提前加载商品详情页的资源。但我发现很难准确预测用户下一步会点哪里，目前只是简单地在 hover 时 pre...
几个有效的优化方向：
1. 骨架屏或 loading 状态先顶一下
别让用户对着空白页面发呆。主应用先渲染一个简单骨架或 loading，等子应用 mount 完再替换。这个成本最低，体感会好很多。
2. 子应用打包优化
子应用一般都会把依赖打进去，比如 react、vue 全家桶每个子应用都有一份。解决方案是让子应用只打包业务代码，依赖通过 externals 抽出来，在主应用统一加载。或者用 qiankun 的 shared 机制共享依赖。
3. 预拉取资源
可以在主应用空闲时用 link 标签预拉取子应用的静态资源：
不过这个对首屏直接进子应用的情况帮助有限，更适合从主应用跳转到子应用的场景。
4. 模块联邦是更彻底的方案
如果你们用的是 webpack 5，可以考虑把 qiankun 换成 Module Federation。子应用的组件可以直接在主应用里 import，不需要完整加载整个子应用，加载粒度更细。不过这个改动比较大，要评估迁移成本。
5. 请求合并与 CDN
检查一下子应用的静态资源是不是分散在多个请求，把能合并的合并。同时子应用资源扔 CDN 上，别走你们自己的服务器。
综合建议：先骨架屏 + loading 改善体感，同时把子应用的依赖抽出来做成 shared，这个改动不大但效果明显。如果还想进一步优化，再考虑模块联邦。