- Gebruik de CSS -triggers om te leren welke CSS -eigenschappen lay -out, verf en composiet veroorzaken. Deze eigenschappen hebben de ergste impact op het weergeven van prestaties.
- Schakel over naar eigenschappen die minder impact hebben.
- Extraheer de stijlen die worden gebruikt om elementen boven de vouw te maken. …
- Voeg die toe aan een
wat veroorzaakt reflow?
Reflow treedt op wanneer u: invoegen, een element verwijderen of bijwerken in de DOM . Inhoud wijzigen op de pagina, b.v. de tekst in een invoervak. Verplaats een DOM -element.
wat veroorzaakt lay -out thrashing?
Lay -out thrashing treedt op wanneer JavaScript gewelddadig schrijft en vervolgens uit de DOM leest, waardoor meerdere keren worden veroorzaakt door document en vervolgens de webbrowser de webpagina opnieuw moet schilderen , wat een aanzienlijke vertraging veroorzaakt bij het laden van de pagina.
hoe schrijf je prestaties in CSS?
Het laden van een CSS -bestandsblokken rendering, zodat de prestaties kunnen worden verbeterd met de volgende stappen: