インターネット小話Googleのカスタム検索ボックスの遅延表示によるガタツキをなくしたい【CLS】
PCでページを表示したときに、サイドバーの検索バーが遅れて表示されて、画面がズレるのが気になります。遅延表示による画面のガタツキ検索バーには、Googleのカスタム検索を利用しています。サイドバーの検索ボックスの遅延表示でズレるこのように、ウェブページの画面が、後から表示される要素によってズレることを「CLS（Cumulative Layout Shift：累積的な割付の変移）」といいます。div要素のheight属性ではうまくいかずスクリプトが非同期処理で読み込まれるので、...