5
空白の画像。使用するもの:Base64と1x1のJPEG画像
私はWebサイトを構築しています。Webサイトの速度とSEOを向上させるために、HTTPクエリをできるだけ少なくしたいと考えています。先ほど作成したページは、スクロール時に画像を表示しています(画像には、ユーザーがそれぞれの画像を下にスクロールするとsrcに変換される属性data-scrがあります)。 すべての画像にではdata-srcなく属性があるためsrc、W3Cはエラーを表示します。 現時点で、私はこの問題を解決するために2つのオプションを見つけました。 すべての画像の最初のソースは、空白の1x1画像のURLになります データベース64の空白の画像になるすべての画像の最初のソース 空白の1x1画像のURLを使用している場合(tools.pingdom.comでテスト)、1つのHTTPリクエストが表示されます。データベース64の空白の画像を使用している場合、ページ上の画像の数と同じ数のリクエストが表示されます。 それらのうちどれがウェブサイトの速度を上げ、HTTPリクエストを少なくするためのより効率的な方法ですか?(ユーザーが14.4kbpsのインターネット速度-最初のインターネット速度でWebページをロードしているとしましょう)。 しかし、SEOについては? 他のオプションはありますか?