CSSの遅延読み込み方法の記事を読んだ
background-imageの表示ラグ問題を（ほぼ）CSSのみで実装するCSS遅延読み込みで解決
読んだ。
background-imageが一瞬表示されない問題、自分も悩んだことがあるのでとても参考になった。
悩んでいたときは諦めてそのままにしておいたが、結構面白いハックというか、こんな解決方法があったのかと驚いた。
たくさん遅延読み込みしたいときはこの記事のようにmedia="print"とonload="this.media='all'"を使えばよさそうだし、自分が悩んでいたところに関しては
<link rel="preload" href="hoge.png" as="image">
これを使えばよさそうだったのでとても助かった。
ちなみにasという属性を初めて知った。
: 外部リソースへのリンク要素 - HTML: HyperText Markup Language | MDN
rel="preload"を指定した場合に必要らしい(rel="prefetch"は非推奨らしい)
そもそもrel="preload"を今回始めて知った。今までrel="noopener noreferrer"くらいしか使ったことなかったので。
rel=""に指定できる種別の一覧もあった。MDNすげえ。