CSS containment in Chrome 52 | Blog | Chrome for Developers

contain: none | strict | content | [ size || layout || style || paint ] It’s in Chrome 52+ and Opera 40+ (and it has public support from Firefox), so give it a whirl and let us know how you go! The contain property When making a web app, or even a complex site, a key performance challenge is limiting the effects of styles, layout and paint. Oftentimes the entirety of the DOM is considered “in scop

[grapswiz]

難しそう

[Rockridge]

Chrome 52がサポートするCSS Containmentは、ブラウザによるスタイル／レイアウト／描画の処理が行われる範囲を開発者が限定できるようにするもの。適切に使えばWebページの表示速度が大きく改善される。

[efcl]

要素が効果を及ぼすscopeを宣言できる`cotain`について。 will-changeみたいにブラウザが最適化できるHint要素。 多くの場合は `contain: content`とできる事が想定