Budżet wydajności
Darmowe narzędzie online do śledzenia budżetu wydajności, monitorowanie zasobów
Co to jest budzet wydajnosci?
Budzet wydajnosci ustawia limity na rozmiar i czas zasobow WWW (paczki JavaScript, obrazy, czcionki, CSS). Sledzenie tych budzetow pomaga zapobiec regresji wydajnosci w miare rozwoju projektu. Typowe budzety obejmuja calkowita wage strony ponizej 1MB i JavaScript ponizej 200KB.
Jak sledzic budzety zasobow
Dodaj zasoby z ich rzeczywistymi rozmiarami i ustaw limity budzetowe. Narzedzie sledzi calkowity rozmiar i oznacza zasoby przekraczajace swoje budzety. Uzywaj tego podczas rozwoju, aby wczesnie wychwytywac problemy z wydajnoscia.
▶Co to jest dobry budzet wydajnosci?
Popularne zalecenia: calkowita waga strony < 1MB, JavaScript < 200KB (skompresowany), CSS < 50KB, obrazy < 500KB, Time to Interactive < 5 sekund na 3G.
▶Jak zmierzyc rzeczywiste rozmiary zasobow?
Uzyj zakladki Network w Chrome DevTools, aby zobaczyc rozmiary przesylu. Dla aplikacji pakowanych uzywaj webpack-bundle-analyzer lub podobnych narzedzi do inspekcji skladu paczki.