сократить время выполнения JS с помощью NextJS

Попробуйте обернуть некоторые тяжелые модули следующим образом:

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

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

export const MyQuicklyLoadingPage: FC = () => {
  return (
    <div>
      <h1>Welcome to the page!</h1>
      <p>You'll see this text</p>
      <p>Before we load the heavy stuff below</p>
      <p>Large markdown files containing lots of images, etc.</p>
      <DynamicInnerComp />
    </div>
  );
};

Я также иногда использую это для модулей, которые не могут быть отображены с помощью SSR.

Кроме того, оцените, улучшит ли производительность что-то вроде попытки использовать Preact. Я не знаю, насколько легко это сделать с помощью nextJS. Я нашел это https://github.com/developit/nextjs-preact-demo