prefetch-suggester
Analizuj trasy i sugeruj dane do prefetchu – strony ładują się błyskawicznie
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Narzędzie AI analizuje strukturę nawigacji w Twojej aplikacji i proponuje, które strony i dane warto wstępnie załadować. Dzięki temu użytkownicy nie czekają na ładowanie – przechodzą między stronami natychmiast. Działa bez konfiguracji, wystarczy uruchomić jedną komendę na katalogu ze stronami. Idealne, gdy optymalizujesz przepływy użytkownika lub dodajesz prefetching do istniejącej aplikacji.
Jak używać
Upewnij się, że masz zainstalowany Node.js w wersji 18 lub wyższej oraz ustawioną zmienną środowiskową OPENAI_API_KEY (zawierającą Twój klucz API OpenAI).
Przejdź do katalogu projektu i uruchom narzędzie, wskazując ścieżkę do folderu ze stronami: npx ai-prefetch ./src/pages/ (jeśli strony znajdują się w innym miejscu, np. ./app/routes/, podaj tę ścieżkę).
Narzędzie przeanalizuje strukturę tras i wzorce nawigacji w Twojej aplikacji, a następnie zasugeruje, które strony i dane powinny być prefetchowane na podstawie prawdopodobieństwa i ważności.
Przejrzyj otrzymane sugestie i kod implementacyjny – narzędzie dostarczy gotowe fragmenty do wklejenia w projekt.
Wdrażając prefetching, pamiętaj o dobrych praktykach: prefetchuj przy najechaniu myszą (sygnał intencji przed kliknięciem), nie prefetchuj wszystkiego (marnuje pasmo), skupiaj się na częstych ścieżkach (np. przepływ kasy) i używaj Intersection Observer do prefetchowania widocznych elementów.
Aby poznać wszystkie dostępne opcje, uruchom npx ai-prefetch --help.