Sprawdź wydajność i jakość dowolnej strony internetowej za pomocą Lighthouse
Google jest liderem nowoczesnego projektowania stron internetowych. Oferuje tak wiele narzędzi od Analytics po DevTools, aby pomóc ludziom w tworzeniu lepszej sieci.
Ostatnio opublikował kolejne przydatne narzędzie o nazwie Lighthouse. To jest bezpłatne narzędzie do automatycznego testowania działające w tle Chrome. Działa jak mini audyt strony internetowej, gdzie sprawdza wydajność, szybkość, dostępność i zgodność z najlepszymi praktykami semantycznymi.
Rozszerzenie Lighthouse było stworzony głównie dla progresywnych aplikacji internetowych. Są to ogólne aplikacje internetowe, które działają w przeglądarce i zachowują się jak natywne aplikacje, ale działają jak typowe strony internetowe.
PWA to ogromna część projektu Lighthouse. Ale celem Lighthouse jest pomoc wszyscy twórcy stron internetowych sprawdź jakość swoich stron.
Może to obejmować sprawdzanie błędów HTML / CSS lub szukanie zduplikowanych linii kodu. Latarnia morska sprawdza również wydajność sieci dzięki poradom optymalizacyjnym dotyczącym obrazów, rozmiarów plików, żądań HTTP i wielu innych.
Pojawią się wszystkie główne wyniki kontroli w środku DevTools Chrome więc nie musisz nawet otwierać nowego okna, aby sprawdzić statystyki. Potrzebna jest tylko działająca wersja Chrome i trochę czasu na przejrzenie wyników kontroli Lighthouse.
Zwykle dzieli się na cztery kategorie:
- Wydajność.
- Dostępność.
- Najlepsze praktyki.
- Progresywne właściwości Webappa.
Każda kategoria dzieli się na mniejsze właściwości z zaleceniami dotyczącymi ulepszeń UX.
Na kliknij przycisk, aby uzyskać wyniki kontroli to pomoże ci radykalnie poprawić wydajność strony, szybkość, użyteczność i praktycznie każdy metr, na którym zależy Google.
Jeśli chcesz dowiedzieć się więcej, przejrzyj stronę główną i poczytaj o wielu funkcjach latarni morskiej.
Możesz także obejrzeć tę prezentację z Google I / O 2017, która po raz pierwszy wprowadziła Lighthouse do społeczności dev.
