Jak sprawdzić wydajność swojej strony wg. Google.
6 min.
Google Page Speed Insights jest narzędziem od Google skierowanym głównie dla developerów stron internetowych ale pozwala również właścicielom oraz administratorom stron zmierzyć jakość i wydajność wdrożonych na serwerze witryn. Wynik w Page Speed Insights przedstawiany są za pomocą punktacji 0-100, oddzielnie dla urządzeń mobilnych jak i desktop.
Choć niektóre optymalizację są mniej lub bardziej trudne do wdrożenia, może nam dać to ogląd w postaci – jakimi brakami charakteryzuje się nasza strona.
Oficjalna strona:
Narzędzie do testowania:
Jak przetestować naszą witrynę?
Podajemy adres naszej strony np. http://mojastrona.pl/ lub podstrony np. http://mojastrona.pl/sklep/koszyk.php i klikamy w przycisk „Analizuj”
Samo badanie opiera się na regułach Google dotyczących zagadnień takich jak:
- czas odpowiedzi serwera
- blokowanie wyświetlania podczas renderowania strony przez dołączone zasoby
- nadanie priorytetów widocznej treści
- wykorzystanie pamięci podręcznej przeglądarki
- optymalizacja obrazów na stronie
- wykorzystanie kompresji danych
- unikanie przekierowań
- zmniejszenie objętości plików stylów CSS, JavaScript oraz HTMLDla dobra SEO naszej domeny, wartość powinna przekraczać 90 punktów.
Page Speed Insights po wykonaniu testu umożliwia nam pobranie na swój dysk już zoptymalizowanych przez Google zasobów testowanej strony w formie paczki ZIP.
Informacja: Rezultaty testu są przetrzymywane w pamięci podręcznej silnika (cache) przez okres 30s, ponowny test należy wykonać po upłynięciu tego czasu.
Niektóre możliwe optymalizacje:
Reduce server response time
Ta informacja pojawi się zawsze o ile Google wykryje iż czas odpowiedzi naszego serwera wynosi więcej niż 0,2 sekundy, jeżeli serwer będzie obciążony podczas przebiegu testu wynik jaki uzyskamy może mieć nawet wyższe wartości, dlatego warto przeprowadzić kilka testów w różnych odstępach czasu
Leverage browser caching
Warto pozwolić aby przeglądarki używały swojej pamięci podręcznej do przechowywania plików strony, (js, css, obrazki) jeżeli ktoś już raz wszedł na naszą stronę, jego ponowna wizyta będzie skutkowała szybszym wczytaniem się strony – oczywiście warto pamiętać o kontroli nad tym mechanizmem np. w przypadku przyszłych aktualizacji wyglądu strony. Zmiany można dokonać samemu w .htaccess lub użyć plug-inów dostępnych dla naszych CMS.
Optimize images
Na stronie znajdują się obrazy (zdjęcia i grafiki) zbyt duże w stosunku do kontenera, w którym są wyświetlane lub o niskiej kompresji (zajmują dużo miejsca), zaleca się skompresowanie obrazków, aktualizacja gotowymi zoptymalizowanymi już obrazami przez Google PageSpeed lub instalacja wtyczki WP Smush dla WordPress, która wykona to za nas.
Enable compression
Skrypt wykrył iż zasoby przesyłane z domeny, nie komunikują się przeglądarką używając kompresji (zysk: szybszy transfer, mniej danych do przesłania)
To tylko niektóre możliwe optymalizacje. W przypadku CMS takich jak Joomla, a szczególnie WordPress – całość optymalizacji może zostać wdrożona za pomocą odpowiednich, darmowych wtyczek i może nam zająć kilka kliknięć myszką, w przypadkach stron statycznych oprócz ew. zmian w pliku .htaccess dla początkującego administratora może być to trudne do wykonania , tu z pomocą może przyjść nam …
mod_pagespeed
Google Page Speed istnieje również jako oprogramowanie wkompilowane np. w naszego Apacha ( nazywa się to mod_pagespeed ) lub nginxa ( ngx_pagespeed ) i większość rekomendowanych optymalizacji załatwia nam już w locie, dzięki czemu nie musimy ich przeprowadzać ręcznie.
Nowe aktywacje serwerów hostingu dedykowanego (hosting VPS) posiadają domyślnie aktywne rozszerzenie Google mod_pagespeed, które skraca czas ładowania strony. Sprawdź czy mod_pagespeed jest aktywny na Twoim serwerze.
Jak sprawdzić czy mod_pagespeed jest aktywny?
Wystarczy zerknąć w nagłówki, zainstalować plug-in np. do Chrome (HTTP Headers) lub użyć narzędzia online ismodpagespeedworking.com do sprawdzania w nagłówkach czy mod_pagespeed jest aktywny na serwerze w obrębie naszej domeny.
Odwiedź witrynę
i podaj nazwę swojej domeny (strony www).
Następnie zaznacz pole [x] Private – aby test nie był dostępny w publicznych wynikach.
Kliknij w przycisk „Check”
Po wyświetleniu komunikatu:
„Success! Mod_Pagespeed is running on that domain.”
mamy pewność że automatyczna optymalizacja na naszej stronie jest aktywna.
Dezaktywacja mod_pagespeed
Nie wszystkie automatyczne optymalizację są dobre dla naszej strony, w niektórych przypadkach możemy zauważyć błędy w wyświetlaniu witryny. W celu dezaktywacji rozszerzenia należy postępować zgodnie z poniższym opisem:
W katalogu ze stroną należy utworzyć plik o nazwie .htaccess lub edytować obecny.
Warto jednak zachować sobie kopię obecnego pliku w razie gdyby nasze zmiany spowodowały problemy w wyświetlaniu strony.
Zmiany wprowadzane w plikach .htaccess mają skutek natychmiastowy. W niektórych przypadkach konieczne może być odczekanie 10 minut na przebudowanie pamięci cache.
Następnie należy umieścić w nim następującą wartość:
<IfModule pagespeed_module>
ModPagespeed off
</IfModule>Po zapisaniu pliku zmiany będą widoczne w przeciągu 5 minut.
Test strony mobile
Wraz z wzrostem znaczenia smartfonów bardzo ważnym jest aby nasza strona internetowa, była dostosowana do urządzeń mobilnych. W obecnych czasach przekłada się to dość już proporcjonalnie na spadek odwiedzin. Aby nam w tym pomóc Google udostępnia jeszcze jedno narzędzie do przetestowania naszej strony internetowej w oparciu o urządzenia mobilne.
Narzędzie jest dostępne w języku polskim także wszelkie problemy i porady nie wymagają dodatkowego objaśniania.
Rezultat wyniku jest jednoznaczny i nie wymaga komentarza 🙂
