Freshの画像遅延読み込みとプリロード
作成日
更新日
遅延読み込み
<img> タグに loading="lazy" をつける
プリロード
<head> に <link rel="preload">を追加する
<Head>
{post.coverImage && (
<link
rel="preload"
href={`/api/images/${post.coverImage}`}
as="image"
/>
)}
</Head>使い分け
- アイキャッチ画像 → プリロードのみ
- 記事内の画像 → 遅延読み込みのみで十分（プリロード不要）
公開日
更新日