Prestatiebudget
Gratis online prestatiebudget-tracker, resourcegroottes monitoren
Wat is een performancebudget?
Een performancebudget stelt limieten aan de grootte en timing van webbronnen (JavaScript-bundles, afbeeldingen, lettertypen, CSS). Het volgen van deze budgetten helpt prestatieachteruitgang te voorkomen naarmate een project groeit. Veelvoorkomende budgetten zijn een totale paginagrootte onder 1MB en JavaScript onder 200KB.
Bronnenbudgetten bijhouden
Voeg bronnen toe met hun werkelijke groottes en stel budgetlimieten in. De tool houdt de totale grootte bij en markeert bronnen die hun budget overschrijden. Gebruik dit tijdens de ontwikkeling om prestatieproblemen vroegtijdig op te sporen.
▶Wat is een goed performancebudget?
Veelvoorkomende aanbevelingen: Totale paginagrootte < 1MB, JavaScript < 200KB (gecomprimeerd), CSS < 50KB, Afbeeldingen < 500KB, Time to Interactive < 5 seconden op 3G.
▶Hoe meet ik de werkelijke brongroottes?
Gebruik het tabblad Network in Chrome DevTools om overdrachtsgroottes te zien. Voor gebundelde applicaties gebruikt u webpack-bundle-analyzer of vergelijkbare tools om de bundelsamenstelling te inspecteren.