Szybkie przenoszenie stron to klucz do tego, jak użytkownicy postrzegają wydajność Twojej progresywnej aplikacji internetowej (PWA). Przejścia powinny być płynne, nawet jeśli sieć jest wolna.
Rekomendacje
Aby znaleźć powolne przejścia między stronami, poruszaj się po aplikacji internetowej, korzystając z symulowanego powolnego działania sieci. Aby to zrobić w Chrome:
[comment]: <> (Pierwsze dwa elementy listy to krótki kod z web.dev, ale nie został przetłumaczony z języka angielskiego dla żadnego języka).
1. Naciśnij Control+Shift+J (lub Command+Option+J na komputerze Mac), aby otworzyć Narzędzia deweloperskie.
2. Kliknij kartę Network (Sieć).
3. Z listy Ograniczanie wybierz Wolne 3G.
Za każdym razem, gdy klikniesz link lub przycisk w aplikacji, sprawdź, czy strona odpowiada natychmiast na jeden z dwóch sposobów:
- Strona natychmiast przejdzie na następny ekran i będzie wyświetlać ekran wczytywania, gdy czekasz na treści z sieci.
- Gdy aplikacja oczekuje na odpowiedź sieci, na stronie wyświetlany jest wskaźnik wczytywania.
Jeśli pracujesz nad aplikacją jednostronicową renderowaną przez klienta, natychmiast przenieś użytkownika na następną stronę i wyświetl szkieletowy ekran. Pamiętaj, aby od razu pokazywać wszystkie treści, które są już dostępne, takie jak tytuł strony czy miniatura, podczas gdy reszta treści się wczytuje.