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

Вы пробовали this suggestion от Next.js? Думаю, это react-component именно ваш случай.

 {
    const { value } = e.currentTarget
    // Dynamically load libraries
    const Fuse = (await import('fuse.js')).default
    const _ = (await import('lodash')).default

    const fuse = new Fuse(countries, {
      keys: ['name'],
      threshold: 0.3
    })

    const searchResult = fuse.search(value).map(result => result.item)

    const updatedResults = searchResult.length ? searchResult : countries
    setResults(updatedResults)

    // Fake analytics hit
    console.info({
      searchedAt: _.now()
    })
  }}
/>

reactjs

webpack

next.js

pagespeed

lighthouse

2022-11-14T18:55:11+00:00
Вопросы с похожей тематикой, как у вопроса:

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