いじょるは自由だいじょるは自由だ自由に書きますHTMLでの画像プリロードは、どの方法を採用すべきなのかShareTweetHTMLでの描画速度アップのために画像プリロードが必要なことがある。何種類か方法がある中で、どれがお手軽&汎用的かを検討してみた。rel=”preload”HTMLヘッダに↓を埋め込む。as="image">シンプル。IE系がダメだったり、iOSのSafariでも11.3以降しかサポートしてなかったりと、モダンブラウザしか対応してないのが難点。JavaScriptでのプリロード↓みたいなやつをwindow.onload時に実行。"画像パス";現時点で生きてるブラウザなら、ほぼ確実に動くハズ。「わざわざJS使うまでもない気がする」っていう、心理的な面倒くささがデメリット。CSSでのプリロードCSS内で、どこぞの要素に読み込む。body:beforeがCSSだけで完結できるのでGOODか。なってるヤツが多かった。プリロードしてくれない事が判明。しつつ、他の要素に影響与えないよう調整したバージョン。rel=”preload”が使いたいけど、当面はブラウザを気にせず使えるCSSでのプリロードを採用することに決めたナリよ。いじょるフリー開発者。Webサービス・スマホアプリ・ゲームなど作ってます。アイデアひねり出す人。コメントをキャンセルメールアドレスが公開されることはありません。