Revision 409: Style Containment und Display Lock API
Leise rendert der Schnee bei dieser in der Vorweihnachtszeit aufgenommenen Revision … und damit er das auch halbwegs zügig macht, sprechen Schepp und Peter über zwei Features, die Webentwicklern bessere Kontrolle über das Browser-Rendering geben.
Schaunotizen
- [00:01:40] CSS Containment
-
CSS Containment ist mittlerweile ein solider Webstandard (fast jedenfalls) sowie vergleichsweise gut unterstützt und vielerorts gut erklärt, aber eine Auffrischung lohnt sich. Schepp und Peter sprechen über die
contain
-Eigenschaft und ihre diversen Werte,display:contents
(Draft, CanIUse) undposition:sticky
- [00:25:12] Display Locking
-
Es gibt einen Entwurf für eine API, die viele Performance-Use-Cases für Intersection Observers abdeckt und dabei noch besser ist! Wir vergleichen das vorgeschlagene
rendersubtree
-Attribut mitdisplay: none
(und klassischem Lazy Loading) sowie Origin Trials mit Vendor Prefixes. Am Ende phantasieren wir ein wenig über einen Polyfill fürrendersubtree
und eine Layout-Performance-Test-Seite im Stile von JSPerf.
[00:52:44] Keine Schaunotizen
- Videos der Performance.now()
- Schepp war auf der jüngsten Installation der Web-Performance-Konferenz und empfiehlt zahlreiche Talks.