Googleは、遅いサイトよりも高速にレンダリングするサイトをランク付けすることを読みました。ページをより速く「ロード」するために、JavaScriptを使用して背景画像を追加することは有益ですか?
ここに複数のオプションがあります:
それでどちらですか?
多くの「類似した」質問を見てきましたが、それらはすべてimg
タグを持っているようです。背景が単純なdiv
sを参照していますが、これは画像に置き換えられます。サイトは、これらのイメージがなくても完全に機能しています。装飾のみです。
SEOに関しては、いいえ。速度はランキングの非常に小さな要素なので、現在の読み込み時間が20秒以上でない限り、違いはありません。
ただし、訪問者にとっては、価値のある目標です。読み込み時間が遅いと、ユーザーは別の場所に移動する可能性があります。
特定の方法に関しては、速度を向上させますが、ブロックしない方法でそれを行う場合にのみ、 window.onload
の後に画像をロードします。そうすることで、ページ全体が読み込まれ、画像が読み込まれている間に使用可能になります。画像のロード時に「再描画」(レイアウトの不安定な変更)が発生しないように、画像の幅/高さを必ず指定してください。
最近の 公式のGoogleウェブマスターハングアウト では、速度はランキング要因ですが、人々はしばしば、ロード速度を2秒:200ミリ秒から2秒:100ミリ秒に増やすと考えると、前のスロットよりも上位のスロットがありますが、そうではありません。
ウェブページの最適な読み込み速度を開示していませんでしたが、Googlebotの読み込みに10秒かかる場合(Googlebotは通常のISPの速度よりも本当に速い場合)、SEOに悪い可能性があると言います。
私個人の意見では、彼らはある種のテーブルを使用して特定のウェブページ速度に異なる値を与える可能性があります。たとえば、100ミリ秒から200ミリ秒でロードするページはX値を与え、200ミリ秒から300ミリ秒でロードするページはXより低い値を与えますなど...私はそれについて100%確信していませんが、多くの公式記事やビデオを読んだり見たりした後、それは私にとって理にかなっています。
数秒後にそのコンテンツをレンダリングすることでそれらをだますようなものはありません。 ただし、ブラウザとGooglebotは、後で使用するすべてのリソースを既にダウンロードしている可能性があります。そのため、これらの画像をjavascriptでどのように使用するかに完全に依存しています。したがって、chrome devツールを開いて、ブラウザでJavaScriptがどのようにレンダリングされるかを確認してください。 Googlebotも同様にレンダリングします。これは、同様の種類のWebkitを使用してWebページをレンダリングするためです。
最後に、他のリソースのロードを待たずに重要なコンテンツを最初にロードすることをお勧めします。たとえば、一部のコンテンツでは内部でcssを使用できます(たとえば、本文コンテンツのサイズ、サイドバーの幅、画像の幅など、ブラウザは後で同じものを再描画する必要はありません)、残りのもの(背景画像、追加のcss、javascriptなど)を非同期で読み込みます。