タグ

チューニングとimgに関するreboot_inのブックマーク (1)

  • imgタグにはdecoding=“async”を設定しておいた方が良い理由 | オジマネ

    オジー WordPress歴8年 副業でデザイン/開発を受託→法人化 WordPressで会社HPをオリジナルテーマで作成 主軸はデザイン、たまにフロントエンドのコードも書きます 事業会社/受託会社 両方経験あり あまり知られていないですがimgタグにはsrcやalt以外にもdecodingという属性を設定することができます。こちらの属性はimgをどのように読み込むかを指定するもので、設定自体も簡単なので、ぜひ設定しておくことをおすすめいたします。 また、画像のデコードは、ブラウザのメインスレッドをブロックするため表示速度にも影響します。それを調整するためにもimgタグには設定しておきましょう。 imgタグの属性値とは 属性値とは、altやsrc、classなどオープンタグの中に書くことができるものです。 imgタグには下記属性値が設定できます。 src(必須) srcset sizes

    imgタグにはdecoding=“async”を設定しておいた方が良い理由 | オジマネ
    reboot_in
    reboot_in 2021/03/06
    “同期的に読み込む場合は、画像を読み込みを他のコンテンツが待つため、他のコンテンツの表示が遅れる可能性があります。 非同期的に読み込むと、そのようなことがなくなる”
  • 1