2025年7月25日金曜日

[HTML]preloadでブラウザレンダリングが始まる前に画像等のリソースを読み込む

rel=preload - HTML | MDN
https://developer.mozilla.org/ja/docs/Web/HTML/Reference/Attributes/rel/preload

画像ファイルを使用する場合は as属性に image を指定

<link rel="preload" href="*.webp" as="image" />

尚、これは <head>内で宣言する必要があります。

Bloggerテンプレートの場合

<link as='image' href='*.webp' rel='preload'/>

並びがアルファベット順になることに今更気付きました

古いBloggerテンプレートだと背景画像を使っているものがあるので、多少改善できるかなという話

この前のマイメロも予め読み込んでおけば切り替えがスムーズにいきますが

F(uriouz)

欲しいものリスト / 優先度の高いほしいものリスト / ☕を奢る
Donate 寄付 カンパ サポート Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
詳細プロフィールを表示

0 comments:

スパム対策の為コメントをオフにしています。
Disqusは利用出来ます。

注: コメントを投稿できるのは、このブログのメンバーだけです。

...

Recent Posts

 
"The Android robot is reproduced or modified from work created and shared by Google and used according to terms described in the Creative Commons 3.0 Attribution License."