Kontrola skuteczności

[Imię i nazwisko]

Dlaczego i co?

Na pewno o korzyściach, jakie dają Ci progresywne aplikacje internetowe, słyszysz różne rzeczy. Może Cię kusić, aby od razu dodać funkcje PWA. Jest to możliwe, ale znacznie Ci lepiej będzie, jeśli najpierw wdrożysz wersję „PWA”.

Żadna dawka magii PWA nie rozwiąże problemów takich jak blokowanie JavaScriptu czy rozciągniętych obrazów. Aplikacje PWA wymagają solidnych podstaw.

Jak sprawdzać stan witryny? Pierwszym krokiem jest przeprowadzenie audytu witryny, czyli obiektywnej oceny tego, co działa dobrze, gdzie (i jak) można coś poprawić.

Audyt witryny lub aplikacji pomoże Ci zadbać o jej odporność i wydajność oraz wyróżniać szybkie korzyści, które można wdrożyć przy minimalnym zatwierdzeniu. Audyt stanowi też punkt odniesienia dla programowania opartego na danych. Czy zmiana spowodowała lepsze efekty? Jak Twoja strona wypada na tle konkurencji? Po wprowadzeniu ulepszeń otrzymujesz dane, które pozwalają ustalić priorytety działań, oraz konkretne dowody, którymi możesz się pochwalić.

Jeśli masz tylko 5 minut...

Uruchom Lighthouse na stronie głównej i zapisz dane raportu. Otrzymasz ilościowy punkt odniesienia oraz listę czynności, które możesz wykonać, aby poprawić wydajność, dostępność, bezpieczeństwo i SEO.

Jeśli masz tylko 30 minut...

Najlepiej zacząć od Lighthouse, ale jeśli masz trochę więcej czasu, możesz też zarejestrować wyniki za pomocą innych narzędzi:

  • Panel zabezpieczeń Chrome DevTools: użycie HTTPS.
  • Panel sieciowy Narzędzi deweloperskich w Chrome: czas wczytywania, rozmiary zasobów i liczba żądań plików HTML, CSS, JavaScript, obrazów, czcionek i innych.
  • Menedżer zadań Chrome: jeśli Twoja witryna stale wykorzystuje znaczną liczbę procesorów lub więcej pamięci niż inne aplikacje, może być konieczne naprawienie wycieków pamięci, bieżących zadań lub problemów z wczytywaniem zasobów. Przetestuj swoją witrynę na urządzeniach reprezentatywnych dla użytkowników.
  • WebPagetest: wydajność dla różnych lokalizacji i typów połączeń, buforowanie, czas do pierwszego bajtu, wykorzystanie CDN.
  • Pagespeed Insights: szybkość wczytywania, koszt danych i wykorzystanie zasobów, w tym raport na temat użytkowania Chrome z wyróżnionymi rzeczywistymi statystykami wydajności.
  • Podsumowanie statystyk dotyczących szybkości i kalkulator wpływu: porównaj szybkość witryny z innymi aplikacjami i oszacuj potencjalne możliwości uzyskania przychodów w przypadku zwiększenia szybkości działania witryny.

Przetestuj witrynę tak, jak widzi ją użytkownik po raz pierwszy. Otwórz stronę w trybie incognito (prywatnym) lub skorzystaj z narzędzi przeglądarki, aby wyłączyć zapisywanie w pamięci podręcznej i wyczyścić pamięć. Dzięki temu każdy zasób jest pobierany z sieci, a nie z lokalnej pamięci podręcznej, co daje dokładny obraz wydajności przy pierwszym wczytaniu.

Nic nie przebije prawdziwych testów – wypróbuj witrynę z tymi samymi urządzeniami i łącznością co użytkownicy, a potem zapisz swoje subiektywne wrażenia.

Jeśli różnorodne narzędzia są dla Ciebie zaskakujące...

Zapoznaj się z naszym przewodnikiem: Jak myśleć o narzędziach do mierzenia szybkości.

Jeśli nic więcej, użyj Lighthouse, aby sprawdzić:

Odbiorcy, zainteresowane osoby, kontekst

Priorytety refaktoryzacji zależą od odbiorców, treści i funkcji. Kto odwiedza Twoją witrynę? Dlaczego i jak z nich korzysta? Jaki jest Twój budżet skuteczności? Jeśli nie znasz odpowiedzi na te pytania, wypróbuj ćwiczenia z naszych materiałów szkoleniowych PWA: Twoi odbiorcy, Twoje treści i projektowanie z myślą o wszystkich użytkownikach.

Kim są osoby zainteresowane w Pana/Pani firmie i jakie są ich priorytety? Wpłynie to na sposób porządkowania, prezentowania i udostępniania danych kontrolnych.

Jeśli nie możesz kontrolować całej witryny, sprawdź statystyki strony, aby dowiedzieć się, na czym warto się skupić. Wysokie współczynniki odrzuceń, krótki czas spędzony na stronie i nieoczekiwane strony wyjściowe mogą być dobrym wskaźnikiem tego, od czego zacząć. podobnie jak dane biznesowe, takie jak koszty hostingu, kliknięcia reklam i konwersje. Dowiedz się od zainteresowanych, jakie dane są dla nich ważne.

Testowanie, nagrywanie, poprawianie i powtarzanie

Zanotuj stan witryny przed wprowadzeniem jakichkolwiek zmian, aby wykryć problemy i ustawić punkt wyjścia do usprawnień lub regresji. Uzyskane w ten sposób dane uzasadniają i nagradzają wysiłki związane z rozwojem.

Pamiętaj, aby przetestować wiele typów stron w swojej witrynie – nie tylko na stronie głównej. W przypadku aplikacji jednostronicowych przetestuj różne komponenty, trasy i procesy UX, a nie tylko pierwsze wczytywanie.

Prześlij opinię