Javascript 优化渲染以处理昂贵的后端任务

下面是我的用例：

• 主网页加载速度很快
• 用户可能会请求昂贵的后端操作（几秒钟）
• 此操作更新URL查询以指示新状态
• 用户可以共享此状态，或者稍后通过新的URL再次加载它（缓存还不实用，所以我必须重新计算状态）

最初我的逻辑工作如下：

• 用户加载主页
• 主页从后端触发昂贵操作的请求
• 后端响应
• 用户可以快速看到初始页面加载，即时加载指示器持续几秒钟

我重构了逻辑以首先执行查询，但天真地忘记了这会增加首次渲染的时间。因此，现在我不必等到页面加载后再为昂贵的操作发出第二个请求，而是让用户感觉到加载缓慢，从而节省了总体时间

我希望做的是，让后端既服务于主页，同时启动昂贵的操作，在完成后注入页面。我的主要问题是，如何在前端不明确地发出两个单独请求的情况下合并页面的两个部分？我正在使用Express作为后端