問題タブ [cumulative-layout-shift]
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.
core-web-vitals - Google Adsense の「Google がモバイル広告のサイズを最適化する」を有効にして、CLS (累積レイアウト シフト) を回避するにはどうすればよいですか?
より良い Web Vitals スコアを取得したいので、レスポンシブ広告を使用していません。
ただし、チェックを入れても、Google はCSS プロパティを次のように変更することで、定義されたコンテナーLet Google optimize the size of your mobile ads内の広告サイズを引き続き変更/更新するようです。min-height
それを修正する方法はありますか？
収益が下がるので、チェックを外したくありません。
core-web-vitals - jQueryアニメーションが累積レイアウトシフトに与える悪影響を回避する方法はありますか?
私はオンラインアプリを持っています。コンテナーの高さを変更すると、非常に長いアニメーションがトリガーされます。ただし、目的地の高さは予測できません。これにより、すべての下位 DOM ノードに CLS スコアが課せられます。参考までに: CLS は、ユーザーのアクション (この場合はクリック) 後の最初の 500 ミリ秒のレイアウト シフトのみを許します。また、アニメーションは 15 秒以上続きます。
予測できないためmin-height、ほとんどの記事が示唆するように a を設定できませんでした。回避する方法はありますか？
率直に言って、これがユーザー エクスペリエンスに悪影響を与えることはないと思います。なぜなら、ユーザーはアニメーションの進行状況を確認し、アニメーションが完了したらいつページを操作するかを知っているからです。