Preloadタグビルダーとは
Preloadタグビルダーは、フォント、ヒーロー画像、CSS、スクリプトのための正しいpreloadリンクタグを生成します。 出力は公開サイトに使う前に確認しやすい形で表示されます。
Quick answer
Use preload to fetch critical resources -- such as hero images, fonts, or above-the-fold CSS -- before the parser discovers them. Only preload a few resources per page to avoid bandwidth contention.
Limitations
- Preload requires the as attribute. Omitting it or using an incorrect value may cause the browser to fetch the resource twice.
- Cross-origin preloaded resources such as fonts from a CDN must include the crossorigin attribute.
- Excessive preloading delays other resources and can hurt performance instead of helping.
使い方
- 必要な値を入力します。
- 結果パネルの出力を確認します。
- ページに合う部分だけコピーします。
- 公開前にブラウザとホスティング環境で確認します。
主な用途
- 公開前の繰り返し作業を短くする。
- マークアップ、CSS、チェックリストを準備する。
- 静的サイトで見落としやすい小さなミスを減らす。