L
lazy-load-suggester
Identify components that should be lazy loaded. Use when optimizing bundle size.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Identify components that should be lazy loaded. Use when optimizing bundle size.
How to use
- Upewnij się, że masz zainstalowany Node.js w wersji 18 lub wyższej oraz ustawioną zmienną środowiskową OPENAI_API_KEY. 2. Przejdź do katalogu projektu, w którym chcesz analizować komponenty. 3. Uruchom narzędzie komendą npx ai-lazy-load ./src/, gdzie ./src/ to ścieżka do folderu z Twoimi komponentami. Narzędzie przeskanuje strukturę projektów i zależności między plikami. 4. Przejrzyj wyniki — narzędzie pokaże, które komponenty są ciężkie i nie są potrzebne przy pierwszym załadowaniu strony, oraz zasugeruje je jako kandydatów do lazy loadingu. 5. Skup się na komponentach poniżej linii widoku (modalne, wykresy, edytory), trasach i komponentach niekrytycznych dla ścieżki użytkownika. 6. Zastosuj sugerowane zmiany w kodzie, używając React.lazy() lub dynamicznych importów, aby zmniejszyć rozmiar bundla i poprawić wydajność aplikacji.