Budget Prestazionale
Strumento gratuito online per tracciamento budget prestazioni, monitora risorse
Cos'è un Budget di Prestazioni?
Un budget di prestazioni imposta limiti sulle dimensioni e i tempi delle risorse web (bundle JavaScript, immagini, font, CSS). Monitorare questi budget aiuta a prevenire regressioni di prestazioni man mano che il progetto cresce. Budget comuni includono peso totale della pagina sotto 1MB e JavaScript sotto 200KB.
Come monitorare i budget delle risorse
Aggiungi risorse con le loro dimensioni effettive e imposta i limiti di budget. Lo strumento traccia la dimensione totale e segnala le risorse che superano i loro budget. Usalo durante lo sviluppo per individuare problemi di prestazioni precocemente.
▶Cos'è un buon budget di prestazioni?
Raccomandazioni comuni: peso totale pagina < 1MB, JavaScript < 200KB (compresso), CSS < 50KB, Immagini < 500KB, Time to Interactive < 5 secondi su rete 3G.
▶Come misuro le dimensioni effettive delle risorse?
Usa la scheda Network di Chrome DevTools per vedere le dimensioni di trasferimento. Per applicazioni con bundle, usa webpack-bundle-analyzer o strumenti simili per ispezionare la composizione del bundle.