Webページを重くする原因のトップクラスが Google Maps の埋め込み です。「1つ置いただけなのに、スクロールがガタつく…」「スマホで操作が重い…」なんて経験、ありますよね。 地図はとても便利ですが、裏側では 外部API スクロールやズームのためのJS 位置情報の処理などが大量に動くため、動画以上に“初期表示の負荷”が高い要素 なんです。 そこで本記事では、地図埋め込みを “静的プレビュー（画像）＋地図を開く” に切り替え、ページの 速度（LCP）、安定性（CLS）、操作性（INP） をまるごと改善する設計の型を紹介します。 実は、地図は “必ず埋め込む必要はない” ケースが非常に多…
