Open1
LINEさんがやっていたように「ブラウザのメインスレッド(JavaScriptを実行などを担当するスレッド)が空いたら実行するように指示」する関数を使ってレンダリングを早くする
import { lazy } from 'react'
export const lazyIdle: typeof lazy = (factory) => {
return lazy(
() =>
new Promise((resolve) => {
window.requestIdleCallback(() => resolve(factory()), {
timeout: 3000
})
})
)
}
// 使い方
const OtherContents = lazyIdle(() => import('./otherContents'));
それにしてもいい記事だね。