我有一个使用Webpack的React项目，React代码的初始加载真的很大很慢。我试过延迟加载react组件并gzip文件。我不能让大的main.js部分变小或分裂。这通常是怎么做的？
我的index.js看起来像这样：

import React, { Suspense } from 'react';
import {createRoot} from 'react-dom/client';
const Selecter = React.lazy(() => import('./Selecter.js'));
const Displayer = React.lazy(() => import('./Displayer.js'));

function init() {
    const template = (
        <div>
            <Suspense fallback={<div>Loading selector...</div>}>
                <Selecter />
            </Suspense>
            <Suspense fallback={<div>Loading display...</div>}>
                <Displayer />
            </Suspense>
        </div>
    );
    const root = createRoot(document.querySelector("#content"));
    root.render(template);
}

init();

字符串

的数据