Maison_de_chat https://blog.hatena.ne.jp/Maison_de_chat/ Maison_de_chatのブログ https://maisondechatofficial.com/ 地図やSNSウィジェットの埋め込みは、外部JSの読み込みや描画処理によってページの表示速度や操作性に悪影響を与えがちです。この記事では「まず埋めない」「静的プレビューで代替」「埋めるなら最小限に」の3ステップで、地図や外部ウィジェットを軽量化する実践的な判断フローを解説。aspect-ratioやプレースホルダによるCLS対策、章末配置によるINP改善など、モダンなWebページに必須の軽量化設計を具体的に紹介します。 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmaisondechatofficial.com%2Fentry%2F2026%2F04%2F09%2F203000" title="内部改善ロードマップ Vol.17【第2部】Googleマップが重い？地図埋め込みを“静的画像＋開く”で軽量化する方法【CLS対策にも◎】 - Maison_de_chatのブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/M/Maison_de_chat/20260104/20260104170642.png Hatena Blog https://hatena.blog 2026-04-09 20:30:00 rich https://maisondechatofficial.com/entry/2026/04/09/203000 1.0 100%