Reactjs react lazy loader的渲染时间太长

下面是我的代码段。我正在使用

lazy loader

来

减少我庞大应用程序的捆绑大小。我正在实现这一点，但在从一种死记硬背切换到另一种死记硬背的过程中，lazy
加载程序需要花费更多的时间进行渲染。
下面是我遇到的许多路线的示例

当我监视网络时，看起来块正在到达，但在视图中再次渲染需要很多秒

import React, { Suspense, lazy } from 'react'
import { Router, Route, Redirect, Switch } from 'react-router-dom'
import { history } from './store'
import Main from './pages/Main'

import Spinloader from './SpinLOader'
import Auth from './components/Auth'

const Reports = lazy(() => import('./pages/Reports'))


class App extends React.Component {

    render() {
        return (
            <div>
                    <Router history={history}>
                    <Suspense fallback={<Spinloader/>}>
                        <Switch>
                            <Route path={'/:404_path'} key={'404'} component={NotFound} />

                            <Route
                                exact
                                path='/home/product/:id/one'
                                key={'4'}
                                component={Auth(Reports)}
                            />

                        </Switch>
                        </Suspense>
                    </Router>
            </div>
        )
    }
}


const mapDispatchToProps = (dispatch) => {
    return bindActionCreators({  }, dispatch)
}

const mapStateToProps = (state) => {
    return { }
}

export default Main(connect(mapStateToProps, mapDispatchToProps)(App))

import React，{suspent，lazy}来自“React”
从“react Router dom”导入{Router，Route，Redirect，Switch}
从“/store”导入{history}
从“./pages/Main”导入Main
从“./Spinloader”导入Spinloader
从“./components/Auth”导入身份验证
常量报告=惰性（（）=>导入（'./页面/报告'））
类应用程序扩展了React.Component{
render（）{
返回(
)
}
}
const mapDispatchToProps=（调度）=>{
返回bindActionCreators（{}，dispatch）
}
常量mapStateToProps=（状态）=>{
返回{}
}
导出默认主（连接（mapStateToProps、mapDispatchToProps）（应用））