SEO Webサイト(ブログ)のページスピード(表示速度)を改善することは、SEO対策として重要な要素です。画像イメージを遅れて読み込ませることにより、サイトアクセス時のダウンロード容量を抑え、ページスピードを向上させることができます。 それには、IntersectionObserverというJavaScript機能を使います。今回は、IntersectionObserverの導入方法についての投稿です。 IntersectionObserverの導入方法 JavaScriptコードをフッタに貼り付け 画像のHTMLを書き換え HTMLを一括で書き換える手順 title属性が付与されている場合 title属性とalt属性 titleは不要? altは指定したほうが良い おわりに 主な手順とポイント 前回の投稿で、ページスピード(表示速度)を改善する施策のひとつとして、画像の遅延読み込みにつ
![【SEO】ページスピード(表示速度)改善!IntersectionObserverで画像を遅延読み込み - hatebcustom](https://cdn-ak-scissors.b.st-hatena.com/image/square/646d151b4b1d3da5ae3a79f76ebac89fb6697cc9/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Ff%2Ffobitows%2F20190912%2F20190912020816.png)