FOUC is een korte flits waarbij ongestylede HTML zichtbaar is voordat CSS en webfonts zijn toegepast. Oorzaken zijn late CSS-load, async CSS, trage fonts of client-side rendering. Voorkom dit met critical CSS inline in de <head>, preload overige CSS non-blocking, minimaliseer render-blocking resources en gebruik font-display: swap/optional.
Critical CSS
AA
Performance
Critical CSS
Critical CSS plaatst essentiƫle stijlen voor above-the-fold content inline in de <head>. De rest laad je asynchroon. Zo verminder je render-blocking CSS en versnel je de eerste weergave. Let op de balans: te veel inline CSS vergroot de HTML, te weinig veroorzaakt FOUC.
AA
Performance
Een uitgebreide collectie begrippen voor elk niveau
Van HTML & CSS tot databases en security
Geschikt voor beginners en gevorderden
Ideaal als lesmateriaal of teambuilding tool
Fysiek aan de slag, zonder scherm