仮のウェブページがあるとしましょう:
自動的に再生するように設定された絶対位置のHTML5 <video>
タグがあります。ブラウザーウィンドウ全体を占めるサイズで、機能的にはページの背景画像になります。
上記のビデオに加えて、子要素がそれぞれCSS @keyframes
アニメーションを持つインラインSVGを持っているため、ループ内で永遠にスケーリングおよび変換されます。
そのSVGの上に、すべて独自のtransition
cssプロパティが設定されたdivと画像、テキストがあります。 Javascriptは、これらの要素のクラスを追加および削除して、margin
、left
、およびpadding
のようなものを使用して、さまざまな間隔でそれらをスクートさせます。
このページでは、これらのすべてのレイヤーをレンダリング、ペイント、描画などするために多くのCPUを使用していると言えば十分です。一般的なコンピューターのユーザーがこのサイトにアクセスすると、CPUが熱くなり、ファンが回転し、あらゆる種類の悪いことが起こります。
Googleはこれのいずれかを気にしますか?ページランクについて判断する際に、サイトの計算コストを検討していますか?または、私のこのサイトには他のすべてのSEOアヒルが並んでいると仮定します-リソースを高速で読み込み、リクエストが多すぎない、良いコード、キーワードなど、ユーザーのコンピューターを殺しても良いランクを達成しますか?
クローラーは必ずしもCPUを考慮する必要はありませんが、ページの読み込み時間isは考慮される要因です。ページの応答に時間がかかりすぎると、ページはインデックスに登録されず、ランキングに影響します。もちろん、これはユーザーエクスペリエンスが悪いという事実に加えて、さらにランキングに影響します。
クライアントエクスペリエンスが良好である限り、どのタイプのサーバー負荷もSEOランキングに影響を与えません。
Googleがリリースした新しく更新されたページスピードツールを使用することをお勧めします: https://developers.google.com/speed/pagespeed/insights/ 。 URLが公開されている限り、そのリソースを使用してすばやくテストできます。
開発マシンでのパフォーマンスのトラブルシューティング、またはより正確なパフォーマンスを得るには、次のLighthouse拡張機能を使用することをお勧めします: https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk?hl=en これは、ページ速度の問題をテストするためにGoogleによって公的に承認された拡張機能です。
最後に、ユーザーにとってかなり複雑なエクスペリエンスを構築しているようです。レンダリングに現在Chrome 41を使用しているGoogleですべてが機能することを確認します( https://developers.google.com/search/docs/guides/rendering ) 。ここで見つけることができるChromeのバージョンを使用してすべてをテストします: https://filehippo.com/download_google_chrome/60453/ 。
幸運を!