SEO評価アップ!ページ表示高速化!
ページ表示速度はSEO評価の重要な指標の1つになっています。ここではページ表示速度を上げる方法を紹介します!
[ ID : 9132 ]
5 件の記事を表示
picture要素を使用してPC画像/SP画像を出し分ける
[ ID: 8648 ]
PC画像とSP画像など、画面幅に応じて異なる画像を読み込む場合にpicture要素を使用して出し分ける方法を紹介。
picture要素を使用して異なる拡張子の画像を出し分ける方法
[ ID: 8683 ]
picture要素を使用して、圧縮率が高いWebP画像やAVIF画像などをブラウザの対応状況に応じて優先的に出し分ける方法を紹介。
imgタグへのloading=”lazy”とdecoding=”async”の設定方法
[ ID: 3688 ]
画像(img要素)に「loading="lazy"」と「decoding="async"」を設定して、ページ表示速度を高速化する方法を紹介。
【Vanilla JS】Intersection Observer APIを使用したvideo動画の遅延読み込み
シルバー
[ ID: 7654 ]
mp4などの動画をvideo要素で埋め込む際に、Intersection Observer APIを使用して対象のvideo要素が画面内に入ったタイミングで動画を読み込む方法を紹介。