@@ -700,6 +700,12 @@ Size Containment</h3>
700
700
and its [=natural height=] is treated as 0.
701
701
</div>
702
702
703
+
704
+ <h4 id='containment-size-opt' class="no-toc">
705
+ Possible Size-Containment Optimizations</h4>
706
+
707
+ <em> This section is non-normative.</em>
708
+
703
709
By itself, <a>size containment</a> does not offer much optimization opportunity.
704
710
Its primary benefit on its own is that tools which want to lay out the [=size containment box|containment box=] 's contents
705
711
based on the [=size containment box|containment box=] 's size
@@ -880,6 +886,11 @@ Layout Containment</h3>
880
886
contain-layout-baseline-005.html
881
887
</wpt>
882
888
889
+ <h4 id='containment-layout-opt' class="no-toc">
890
+ Possible Layout-Containment Optimizations</h4>
891
+
892
+ <em> This section is non-normative.</em>
893
+
883
894
Possible optimizations that can be enabled by <a>layout containment</a> include (but are not limited to):
884
895
885
896
1. When laying out the page,
@@ -990,6 +1001,13 @@ Style Containment</h3>
990
1001
</code></pre>
991
1002
</div>
992
1003
1004
+
1005
+
1006
+ <h4 id='containment-style-opt' class="no-toc">
1007
+ Possible Style-Containment Optimizations</h4>
1008
+
1009
+ <em> This section is non-normative.</em>
1010
+
993
1011
Possible optimizations that can be enabled by <a>style containment</a> include (but are not limited to):
994
1012
995
1013
1. Whenever a property is changed on a descendant of an element with [=style containment=] ,
@@ -1093,7 +1111,11 @@ Paint Containment</h3>
1093
1111
contain-paint-baseline-001.html
1094
1112
</wpt>
1095
1113
1096
- <div class=informative>
1114
+ <h4 id='containment-paint-opt' class="no-toc">
1115
+ Possible Paint-Containment Optimizations</h4>
1116
+
1117
+ <em> This section is non-normative.</em>
1118
+
1097
1119
Possible optimizations that can be enabled by <a>paint containment</a> include (but are not limited to):
1098
1120
1099
1121
1. If the [=paint containment box|containment box=] is off-screen or obscured,
@@ -1111,7 +1133,6 @@ Paint Containment</h3>
1111
1133
1112
1134
3. Because they are guaranteed to be stacking contexts,
1113
1135
scrolling elements can be painted into a single GPU layer.
1114
- </div>
1115
1136
1116
1137
Suppressing An Element's Contents Entirely: the 'content-visibility' property {#content-visibility}
1117
1138
=================
0 commit comments