サイト表示速度の改善をさせる 画像遅延読み込み【loading="lazy"】 - フジブロっ！

どうも！フジグチです！ 前回妻のブログで出たCLSエラーについて調べる際にPageSpeed Insightsを使い、修正の確認作業を行いました。 その際あまりにもパフォーマンススコアが低かったので、改善する方法を探してみたところ記事によっては20ポイントほどのスコアの改善も見られたので、その方法を紹介したいと思います。 この記事は特にこういった方に読んで頂きたいです。 記事内に画像を多く使われる方 サイトの表示速度を上げたい方 JavaScriptを使うことに不安がある方 表示速度を低下させる原因を探る 画像の遅延読み込み loading="lazy"の使い方 loading="lazy"の注意点 CLSの原因になる 対応していないブラウザがある 画像読み込みが速くなるわけではない loading="lazy"導入後 まとめ 表示速度を低下させる原因を探る PageSpeed Insig

[ditinoue]

とっても参考になりました！！それほど遅いわけでもないんですけど、念のため、使ってみたいと思います。