2021年1月9日のブックマーク (1件)

  • Googleのエンジニアが「ウェブサイトの画像読み込み」を最適化する方法を解説

    ウェブサイトを閲覧していると「画像の読み込みが遅い」という場面に遭遇したことがある人は多いはず。画像はウェブサイトのパフォーマンスを左右する要素のひとつであり、ウェブ開発において取り扱いに注意すべきものです。そんな画像をウェブサイトで扱う際の最適化方法について、GoogleエンジニアであるMalte Ubl氏が解説しています。 Maximally optimizing image loading for the web in 2021 https://www.industrialempathy.com/posts/image-optimizations/ ◆img要素にwidthとheightを指定する アスペクト比を維持したまま画像サイズを変更するには、「style」要素に「max-width: 100%」や「height: auto」と指定しておく手法がよく用いられます。この手法に加

    Googleのエンジニアが「ウェブサイトの画像読み込み」を最適化する方法を解説
    kosn
    kosn 2021/01/09
    ブラウザ側で読み込み遅延とか勝手にやられると今まで動いてたものが動かなくなったりするんでこちらから指定する必要があるのはしょうがないかと