問題タブ [web-vitals]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Google 広告によるモバイルでの合計ブロック時間の短縮
デスクトップでは 77 ポイントだったのに対し、Google 広告のおかげで、モバイル サイトの Google ページ インサイトのスコアは非常に低く、25 ポイントしか得られませんでした。
サードパーティのスクリプトを遅延読み込みせずに、モバイル サイトの合計ブロック時間を短縮するにはどうすればよいですか?
cdn.thisiswaldo.com/static/js/7475 スクリプトを使用して Google 広告を呼び出しています。
このスクリプトを使用して、Google 広告の遅延読み込みも行いました
モバイル用のラボ データは次のとおりです。
最初のコンテンツ ペイント 2.6 秒
速度指数 14.3秒
最大コンテンツ ペイント 7.6 秒
対話までの時間 14.5 秒
合計ブロッキング時間 990 ミリ秒
累積レイアウト シフト 0.084
ここに診断 診断スクリーンショットがあります
以下は、サイトの読み込みをブロックするサード パーティの広告のリストです。 サードパーティ コードのブロック
javascript - React JS npm start が web-vitals のコンパイルに失敗したことを示す
コンパイルに失敗しました -/src/reportWebVitals.js モジュールが見つかりません:「web-vitals」を解決できません。JSに反応するのは初めてなので、何が起こったのかわかりませんでした。これが reportWebVitals.JS ファイルです。助けてくれてありがとう。
「/src/reportWebVitals.js モジュールが見つかりません: 'E:\ReactResources\RectProjects\test-app\src' の 'web-vitals' を解決できません」
lighthouse - content-visibility プロパティの使用によって影響を受ける Cumulative Layout Shift (CLS) メトリックは?
私たちのサイトのページの CLS は常にほぼゼロです。これは、単純な静的レイアウトを使用してサーバーでレンダリングされた HTML ページであるため、理にかなっています。
最近、以下の content-visibility: auto の使用を追加しました (スクロールせずに見えるセクションにのみ追加されました)。
https://web.dev/content-visibility/
これはブラウザーに目に見える影響を与えませんが、開発ツールの [パフォーマンス] タブ、chrome lighthouse の測定値、および webpagetest.org での繰り返しの実行に従って、ペイント/レンダリング メトリックに予想される大きな利点をもたらします。
ただし、Google のページ スピード インサイトのラボ データ セクションでは、累積レイアウト シフト (CLS) が 0.006 から 1.000+ の間で大幅に急増していることに気付きました。
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.godaddy.com
他の誰かがこれを観察しますか？灯台が CLS を測定する方法にバグがある可能性はありますか?