我想预加载某些资产以获得更好的感知性能。这样做的标准方法是在头部添加一个
<link>
元素,其属性为 rel=preload
.
const App = ({ Component, pageProps }) => {
return (
<Head>
...
<link rel="preload" href="/path/to/asset" .../>
</Head>
<Component {...pageProps} />
);
但是,如果我只想在特定页面上运行此预加载怎么办?指定预加载动态运行同时保持 React 组件本身模块化的最佳方式是什么?
此外,我对字体的动态预加载特别感兴趣,以防可能有任何与此主题相关的特定于字体的优化。