サイトのCLSがJavaScriptで後から挿入するコンテンツによって上昇するのを防ぐにはどうするか
サイトのHTMLに最初から記載されてないコンテンツを後からJavaScriptで挿入するとそのときにページが新しいスペースを取られて動いてしまう。初回画面だと既存のコンテンツが押し下げられるのが、一瞬、見えたりもするけど、これがサイトのCLS(Cumulative Layout Shift/累積的な配置の変動)を上げ…
いつも興味や関心を取り上げよう
自分らしさこそ自然のままに
エッセイ風の日記ブログ
些細な日常
サイトのHTMLに最初から記載されてないコンテンツを後からJavaScriptで挿入するとそのときにページが新しいスペースを取られて動いてしまう。初回画面だと既存のコンテンツが押し下げられるのが、一瞬、見えたりもするけど、これがサイトのCLS(Cumulative Layout Shift/累積的な配置の変動)を上げ…
テンプレートの Imaginary theme にポップアップの表示を付けようとしてCSSのposition:fixedを使おうとしたら横幅が画面から突き抜けてしまって困った。 調べるとposition:fixedのコンテンツの位置指定の基準が普通とは異なることに起因している。 固定位置指定は絶対位置指定に似ていますが、要素…
Googleが モバイルファーストインデックス を導入してスマホでのサイト評価を最優先するようになって久しい。サイトがモバイルに対応しているかどうかはGoogleが提供している モバイルフレンドリーテスト で分かるけれどもSearch Consoleではサイト解析からエラーのページがあれば自動的に表示される。 現在の SEO対策…
日本のロックバンドの ジューシィ・フルーツが気に入って 代表曲の ジェニーはご機嫌ななめ をYouTubeで検索していると他の人のカヴァーも出て来る。その中に俳優の 越智静香 の カヴァー を見かけた。歌手ではないのに昔は違ったのか、アイドル時代もあったと初めて知ったけれどもどんな感じか、どうせ可愛らしく歌っているだけなんだろうから…
アドセンスの自動広告は最初の頃と比べると出方が良くなってサイトのデザインを崩すことが少なくなって来た。それでも 偶に突き抜けたりして修正できるにしても 使い辛い面がないわけではない。しかしながら最も多いのはコンテンツとの隙間がおかしくなる。近過ぎたり、遠過ぎたりする。気にするかしないかの微妙なズレではあるだけれども個人的…
YouTubeのホームに出て来た動画の歌う女性に「何だ、この妖艶な魅力は」と心を動かされて観てみたら聴き覚えのある曲だった。ずっと昔、幼い頃に聴いて「一体、誰が歌っているんだろう」と気になった記憶が微かに残っていた。初めて知ってとても嬉しかったんだけれども歌っていたのは ジューシィ・フルーツ というバンドのヴォーカルの イ…