あなたのウェブサイトでの画像の読み込みを改善するためにこれを行います

次のビデオでは、Jen Simmonsは、 widthとheight特性を使用して画像の負荷速度を改善する方法を説明しています。問題は、ブラウザが画像リソースを正常にダウンロードする前に、画像が最初にロードされると遅延を引き起こすことです。 <img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174433873873361.png" class="lazy" alt="あなたのウェブサイトでの画像の読み込みを改善するためにこれを行います">これは、 CSSで流体幅を使用している場合でも、FirefoxとChromeがこれらの値を考慮に入れて、画像がロードする前にすべての遅延を排除するため、高さが不明なためです。これは、画像がロードされていなくても、コンテンツは常に同じ場所に残ることを意味します。過去には、このst音を防ぐために、多くのプロジェクトで下のページに画像を配置しました。これはこの問題を非常にうまく解決すると思います。

以上があなたのウェブサイトでの画像の読み込みを改善するためにこれを行いますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。