Dziewięć narzędzi
Osiem uruchamiamy przy każdej stronie. Dziewiąte, WebPageTest, włączamy na żądanie
albo przy złożonych przypadkach, bo dla typowej strony firmowej jest przesadą.
01
PageSpeed Insights
Narzędzie Google mierzące szybkość i Core Web Vitals osobno dla telefonu i komputera.
Pokazuje też dane z realnego ruchu, jeśli strona ma ich dość. To wskaźniki, które
wyszukiwarka bierze pod uwagę przy ustalaniu pozycji.
jak czytać Powyżej 90 dobrze, 50–89 wymaga poprawy, poniżej 50 poważne problemy. Patrz na wersję mobilną, nie na komputerową.
02
Lighthouse
Silnik stojący za PageSpeed, wbudowany w przeglądarkę Chrome. Poza wydajnością daje
osobne wyniki dostępności, dobrych praktyk i SEO, więc widać, czy poprawa jednego
obszaru nie psuje drugiego.
jak czytać Cztery wyniki w skali 0–100. Sprawdzaj wszystkie, nie tylko wydajność.
03
Pa11y na silniku axe-core
Ten sam silnik, którego używa Deque i większość zawodowych audytorów dostępności.
Wskazuje konkretne naruszenia kryteriów WCAG 2.1 AA razem z selektorem elementu
do poprawy, a nie tylko ogólny wynik.
jak czytać Błędy, ostrzeżenia i informacje. Powyżej pięciu błędów strona wymaga rewizji.
04
Mozilla Observatory
Ocena nagłówków bezpieczeństwa: tego, czy przeglądarka pozwoli wstrzyknąć na Twojej
stronie obcy skrypt, osadzić ją w cudzej ramce albo przesłać dane bez szyfrowania.
Konfiguracja, o której większość stron w ogóle nie pomyślała.
jak czytać Skala od A z plusem do F. Poniżej B warto działać, bo to zwykle brak podstawowych nagłówków.
05
SSL Labs
Badanie konfiguracji szyfrowania od Qualysa: wersje protokołów, siła szyfrów,
poprawność łańcucha certyfikatu, znane podatności. Sam certyfikat to nie wszystko,
liczy się to, jak serwer go używa.
jak czytać Skala od A z plusem do F. Ocena poniżej A oznacza zwykle dopuszczanie przestarzałych protokołów.
06
W3C HTML Validator
Sprawdzenie zgodności kodu ze standardem: źle zagnieżdżone znaczniki, brakujące
atrybuty, powtórzone identyfikatory. Przeglądarka wybaczy większość błędów,
ale czytnik ekranu i robot wyszukiwarki niekoniecznie.
jak czytać Liczba błędów i ostrzeżeń. Naszym progiem jest zero błędów.
07
Yellow Lab Tools
Ocena jakości kodu od strony wydajności: waga strony, liczba żądań, nieużywane
zasoby, ciężkie skrypty, złożoność stylów. Pokazuje nie tylko, że jest wolno,
ale i co konkretnie waży.
jak czytać Wynik ogólny plus rozbicie na kategorie. Szukaj kategorii z najniższą oceną.
08
Dane strukturalne i Open Graph
Czy strona mówi wyszukiwarce, czym jest: firmą, usługą, artykułem, produktem,
i czy podaje cenę oraz odpowiedzi na pytania. Do tego podgląd linku po wklejeniu
w mediach społecznościowych.
jak czytać Obecność i poprawność bloków JSON-LD oraz tagów Open Graph. Brak nie jest błędem technicznym, ale jest stratą.
09
WebPageTest, na żądanie
Szczegółowa analiza wczytywania z wielu lokalizacji, z rozbiciem na każdy pojedynczy
zasób. Bardzo dokładne narzędzie, ale dla typowej strony firmowej to przesada,
dlatego uruchamiamy je na życzenie albo przy złożonych wdrożeniach.
jak czytać Wykres kaskadowy pokazujący, co blokuje wyświetlenie strony i w której sekundzie.