Lighthouse MCP

/* レイアウト用CSS - レンダーブロッキング */ .container { max-width: 1200px; margin: 0 auto; padding: 0 15px; } .product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 2rem; margin-top: 2rem; } .product-item { border: 1px solid #ddd; padding: 1rem; text-align: center; } /* 未使用のレイアウトクラス */ .layout-1 { display: flex; flex-direction: column; } .layout-2 { display: grid; grid-template-rows: auto 1fr auto; } .layout-3 { position: relative; z-index: 10; } .layout-4 { position: absolute; top: 0; left: 0; } .layout-5 { float: left; width: 50%; }