同じウェブサイトに2種類の画像(AとAAA(重い))があるとします。画面のサイズに応じて、1つの画像を表示します。
今、私は自分のサイトにアクセスしたときに、どの画像(AまたはAAA)がGoogleクローラーをロードするのか疑問に思っています。
つまり、Googleクローラーに「画面サイズ」はありますか?
私は、それがA画像をロードする場合、ページ速度のパントが画像AAAをロードする場合よりも優れていると思います。
Googleは現在、データのクロールに2つのボットを使用しています。これらは次のとおりです。
両方のボットは画面サイズを読み取ることができ、ランキング目的でロードされていないリソースを考慮します。たとえば、メディアクエリを使用するモバイルデバイスではdisplay:none
、デスクトップではdisplay:block
その後、Googleはデスクトップに対してのみこのリソースを考慮する必要があります。今、ページ速度の観点から、Googleがdisplay:noneによって画面測定に隠されているリソースを取り入れることを仮定するか、少なくとも期待していますこれをサポートする具体的な証拠を見つけることができません。Googleのボットアルゴリズムのほとんどは極秘に保たれており、このようなことについて確かなことは誰も知りません。
ページ速度
Googleがdisplay:none
のようなことを考慮せずにサイトの速度を確認すると、すべてのリソースがロードされる高速サイトを使用できる可能性があります。 'すべてのリソースを一度にロードします。1ページに数百のリソースをロードする多くの大規模サイトがあり、これらは使用するハードウェア、使用するセットアップ、および最適化まで高速です。モバイル用に作成されたスプライトやデスクトップ用に作成されたスプライトなどのリソースを2倍に増やしても、両方の読み込みでサイトを高速に動作させることができるはずです。個人的には、テストをセットアップし、サイトにすべてのリソースをロードさせて、1.5秒にまで下げようとします。
少ないリソース
SOURCE: スマートフォン向けに最適化されたウェブサイトの構築
レスポンシブウェブデザインは、サーバーが常にすべてのデバイスに同じHTMLコードを送信し、メディアクエリを使用してデバイス上のページのレンダリングを変更するためにCSSが使用されるセットアップです。すべてのGooglebotユーザーエージェント(GooglebotとGooglebot-Mobileの両方)がページアセット(CSS、javascript、および画像)のクロールを許可されている場合、アルゴリズムはこのセットアップを自動的に検出する必要があります。
上記の640pxの最大幅の値は例であり、要件ではありません。私たちのアルゴリズムは、スマートフォンの画面解像度を参照すると合理的に予想される最大幅の値を探し、一般的なモバイルWebサイトが使用するものを監視しようとし、将来的にそれに応じてアルゴリズムを更新します。