ホームページの表示速度を上げるには、デバイスごとの画像ファイルの切り替えが有効です。画像フォーマットのWebPと、LazyLoadで遅延読み込みで、表示速度を体感できるパフォーマンスにします。 表示速度が異常に遅いホームページはSEOにも不利になることから、近頃はホームページの表示速度に関してセンシティブになっています。 ホームページの表示が遅い主な原因は画像ファイルの読み込みです。 今回は、PCとスマートフォンそれぞれに最適な画像ファイルを読み込むようにします。 さらにLazyLoadを使って遅延読み込みさせて表示速度を早めます。 また、画像ファイルに「WebP」フォーマットを使って、画像の軽量化を図ります。WebPフォーマットが対応しているブラウザにはWebP画像を表示させ、未対応のブラウザには通常のjpgやpng画像を表示させます。 デバイスに合わせたサイズの画像を読み込む Lazy
![WebPとLazyLoadを使って表示速度を向上させる 東京新宿のホームページ制作会社イッティ](https://cdn-ak-scissors.b.st-hatena.com/image/square/c93feab1fa55baac03d7268d63ba7423b9d6d5a8/height=288;version=1;width=512/https%3A%2F%2Fwww.itti.jp%2Fittiwp%2Fwp-content%2Fuploads%2F2018%2F07%2Ff4d1d51a8233fb7550ce0007141727fb.png)