ＮＣ３のインストール・移行・カスタマイズの記録

みなさんご存じでしょうか。本当に今更なのですが、画像を多く含むページは表示速度が遅くなります。それは、画像のダウンロードに時間が取られ遅くなっているのです。「そんなん言われんでも」って声が聞こえてくるのがわかります。

っで、先日「表示速度の改善」といったことを調べていて今更なのですが分かったことがありました。

ひょっとして知ってられる方も多いかもしれませんが、私は知らなかったのでお教えします。

「lazyload」といったものがあり、ページ表示する際、初めに見える画像だけを読込み、それ以外の画像読込を遅延させるといったものがあるのです。それを使うとページの表示が早くなったと感じられます。

ちなみにこのサイトの「Web制作実績」に使用してみました。私的には本当に早くなったと感じられました。

一度「Web制作実績」御覧願います。

使用方法は、<img>タグに「loading="lazy"」を追加するだけです。

いかがでしょうか。