画像を正常に読み込むには？

Question

htmlのウェブサイトで画像を正常に読み込む方法は何ですか？私はあなたが何を言っているのか知っていると確信しています。画像がゆっくりと読み込まれ、ウェブサイトのコア/コンテンツの読み込みが遅くなり、ユーザーエクスペリエンスが本当に悪くなるウェブサイトがたくさんあります。

• 私は最後にロードする 最初、および画像をロードする ウェブサイトのコア/コンテンツを聞かせて方法を探しています。

  Javascript/jQuery preloader tutorial

  Working example of above tutorial

  しかし、これはそれが実際に事前にロードされないもの、化粧品のようですし、どちらかのパフォーマンスを向上しません。私はこの中に検索見つかっ

。イメージが完全に読み込まれるまで、単に.gifを表示します。

• 私はまた、画像が 最初の非常にcroppy表示され、その 品質は夫婦 秒以上改善のウェブサイトを見てきました。これはどうですか？

Answer 1

私はまた、画像が最初に非常に不自然に見えるウェブサイトを見ており、その品質は数秒で改善します。これはどうですか？

イメージがインターレースされている場合に発生します。 PNGファイルは、他のタイプの中でもインターレース可能です。

Wikipedia Link for Interlacing

イメージが作成されたときにこれが保存/実行されます。

Answer 2

これはレイジーローディングと呼ばれます。

googleには多くの結果があります。