content-visibility
En CSS-egenskap som låter webbläsaren hoppa över rendering (layout, målning) av element som är utanför skärmen, tills användaren scrollar fram dem. Ger stora prestandavinster på långa sidor — en sorts inbyggd virtualisering i ren CSS.
Mekanik: content-visibility: auto säger till webbläsaren att den får skippa det dyra renderingsarbetet för ett element som inte syns, och bara göra det när det närmar sig viewporten. På en sida med tusentals element (en lång lista, många kort, en stor artikel) betyder det att den initiala renderingen bara behöver bry sig om det som faktiskt syns → drastiskt snabbare första rendering. Viktig komplettering: contain-intrinsic-size ger en uppskattad storlek för de oskärrenderade elementen så att scrollbaren och layouten blir korrekt (annars hoppar sidan). Skiljer sig från JS-virtualisering (react-window m.fl.) genom att vara inbyggt och kräva noll bibliotek — men man har mindre kontroll. Den här wikin använder det på varje term-kort. En kraftfull modern prestandaegenskap. Hör ihop med will-change och lazy loading.