使用NextJS减少JS执行时间

Question

bounty到期在2小时内。这个问题的答案有资格获得+ 50声望赏金。Kevin Danikowski希望引起更多关注对此问题：

只需要关于如何改进的可靠建议

我有一个网站http://smodin.me，我正在尝试优化灯塔页面速度排名。我只是从使用Nginx缓存的SSR切换到使用next export和exportPathMap的getInitialProps（也使用Nginx缓存）。

感兴趣的特定页面：https://smodin.me/free-english-rewriter-and-spinner（每月获得2M的匹配，其他页面的加载速度更快，但是仍然有问题）。

切换为静态后，第一个内容图像将以2-2.5s的速度出现，显示“慢速3G”。但是，JS执行时间大约需要3-6秒。

问题：

1. 为什么在使用静态导出时脚本评估要花3到6秒钟的时间，我觉得这会很快吗？

2. 有没有方法可以优化nextjs JS执行时间？还是Webpack设置？

Answer 1

尝试像这样包装一些沉重的模块：

import dynamic from 'next/dynamic';
import PreDynamicState from './PreDynamicState';

const DynamicInnerComp = dynamic(() => import('./MyHeavyModule'), {
  ssr: false,
  loading: () => <PreDynamicState />
});

export const MyQuicklyLoadingPage: FC = () => {
  return (
    <div>

      {}
    </div>

  );
};