画像の読み込みを遅くしてページ読み込み速度を上げる

ページ読み込みは非常に重要な要素ですので、読み込みに時間がかかるものをできるだけ排除したいと考えますよね。コンテンツの中でも時間がかかりがちなのはやはり画像です。今回は画像の読み込みを遅らせてページ読み込み速度を上げる方法をピックアップ。

「loading Lazy」という機能を使うようです。

使い方は簡単で画像に「loading=”lazy”」を指定するだけ。

<img src="hoge.jpg" loading="lazy">

これで後から読み込むようになります。
ただし、最初から表示されるような画像には指定しないほうが良いみたいですね。
最初の画像はすぐに表示してほしいですからね（笑