React.lazy() 和 React.Suspense 可以用來實現代碼分割，從而減少首屏加載時間。以下是使用這兩個功能的基本步驟：
import React, { lazy, Suspense } from 'react';
const OtherComponent = lazy(() => import('./OtherComponent'));
在這個例子中，OtherComponent 將在需要時才加載。
function MyComponent() {
return (
<Suspense fallback={<div>Loading...</div>}>
<OtherComponent />
</Suspense>
);
}
在這個例子中，當 OtherComponent 正在加載時，會顯示 “Loading…”。
通過這種方式，你可以將代碼分割成多個小塊，并在需要時才加載它們，從而減少首屏加載時間。請注意，懶加載并不總是能減少加載時間，因為它可能會增加額外的 HTTP 請求。因此，你應該仔細評估你的應用程序的性能需求，并確定哪些組件值得懶加載。
