如何用React.lazy优化页面初次渲染，提升长尾词搜索体验？

本文共计953个文字，预计阅读时间需要4分钟。

目录

一、需求背景

二、代码分析

三、技术实现

1.路由懒加载

2.Prefetch 预加载

一、需求背景

网站采用 qiankun 微前端架构，以微前端方式嵌入新项目，qiankun 会阻塞子应用资源加载，导致应用白屏。

二、代码分析

三、技术实现

1.路由懒加载

2.Prefetch 预加载

目录

• 一、需求背景
• 二、代码分析
• 三、技术实现
• 1. 路由懒加载
• 2. Prefetch 预获取

一、需求背景

主站采用qiankun微前端方式嵌入新项目，qiankun会阻塞子应用资源加载，这导致应用白屏时间增加，希望在子应用端进行优化以减少白屏时间。