Maison_de_chat https://blog.hatena.ne.jp/Maison_de_chat/ Maison_de_chatのブログ https://maisondechatofficial.com/ INP（Interaction to Next Paint）の改善は「どの操作が遅いか」を特定することから始まります。録画や定点観測を通じて最遅操作を見つけ、露出・頻度・遅さの3軸で優先順位を決定。イベント処理の軽量化、JSの遅延読込、初回相互作用の最適化により、ユーザーの操作直後の“詰まり”を解消します。第三者スクリプトの整理やhydrationの分散も効果的で、すべてのCMSで応用可能な実装ノウハウを凝縮。CLSと並ぶ重要指標INPを安定させ、ストレスのないUXへ。 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmaisondechatofficial.com%2Fentry%2F2026%2F03%2F20%2F203000" title="内部改善ロードマップ Vol.7【後編】｜INP改善の実務対策：イベント処理・第三者スクリプト・初回相互作用を軽くする設計後編 - 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/20260103/20260103171141.png Hatena Blog https://hatena.blog 2026-03-20 20:30:00 rich https://maisondechatofficial.com/entry/2026/03/20/203000 1.0 100%