XYZ.com/images/page1 にたくさんの画像が保存されています
画像はすべて image1.png、image2.png などとよく似ています。したがって、URL は XYZ.com/images/page1/image1.png です。
ページのファイル内のすべての画像をプリフェッチ/プリレンダリングする方法はありますか?
XYZ.com/images/page1 にたくさんの画像が保存されています
画像はすべて image1.png、image2.png などとよく似ています。したがって、URL は XYZ.com/images/page1/image1.png です。
ページのファイル内のすべての画像をプリフェッチ/プリレンダリングする方法はありますか?
HTML5
ブラウザのアイドル時間を利用して、ユーザーが近い将来にアクセスする可能性のあるドキュメントをダウンロードまたはプリフェッチするリソースのプリフェッチをサポートします。
解決策 A: これらの画像がすべて表示されているページをロードできます。
<link rel="prefetch prerender" href="page1.html">
解決策 B: 画像を個別にキャッシュできます。
<link rel="prefetch prerender" href="/images/big.jpeg">
<link rel="prefetch prerender" href="/images/big2.jpeg">
<link rel="prefetch prerender" href="/images/big3.jpeg">
注:prerender
標準の属性ではありませんが、Chrome と IE11+ でサポートされています