如何在 Next.js 中进行动态预加载

问题描述 投票:0回答:0

我想预加载某些资产以获得更好的感知性能。这样做的标准方法是在头部添加一个

<link>
元素,其属性为
rel=preload
.

const App = ({ Component, pageProps }) => {
return (
  <Head>
    ...
    <link rel="preload" href="/path/to/asset" .../>
  </Head>
  <Component {...pageProps} />
);

但是,如果我只想在特定页面上运行此预加载怎么办?指定预加载动态运行同时保持 React 组件本身模块化的最佳方式是什么?

此外,我对字体的动态预加载特别感兴趣,以防可能有任何与此主题相关的特定于字体的优化。

html css reactjs next.js preload
© www.soinside.com 2019 - 2024. All rights reserved.