JavaScript関連のことを調べてみた

【高速化】画像を速く、確実に表示する方法

## ポイント

– 外部の画像サーバーは安定性の懸念がある
– 画像を後から差し替える

## 目的：画像を速く、確実に表示する

前回、外部のサーバーを利用すると画像を高速に表示できることを紹介した。

一方で、外部のサーバーは安定性に懸念があり、サーバーにトラブルが発生すると画像が表示されなくなる問題がある。

そこで、画像を遅延読み込みで差し替えて確実に表示できるようにする。

## 遅延読み込みの方法

遅延読み込みする画像は、次のように記述する。

~~~

~~~

`data-src=””` という項目を追加して、差し替える画像のURLを記入する。

次に、ページの最後にこの記述を追加する。

~~~