WordPress Google PageSpeed 100/100? Jak to zrobić?

Chcesz osiągnąć wysoki wynik w Google Page Speed?
Google promuje w rankingach wyszukiwania strony, które są zabezpieczone certyfikatem SSL oraz te, które są zoptymalizowane i ładują się szybko odwiedzającym.
Pisaliśmy o tym w poprzednich poradnikach, które mają na celu optymalizację WordPress i zwiększenie oceny Google Page Speed:
Format WebP!
W tym poradniku omówimy kolejną rzecz, którą zadowolisz Google – a co za tym idzie – uzyskasz lepszą pozycję w wynikach wyszukiwania jest – użycie nowych formatów graficznych (np. WebP).
I tu pojawia się problem. Jest to dość nowy format plików graficznych. I o ile przeglądarki sobie już z nim radzą i wspierają go w swoich najnowszych wersjach – WordPress nie wspiera natywnie tych plików graficznych. Mimo wszystko Google bardzo chce abyśmy mimo wszystko używali nowych formatów na swoich stronach. I całkiem słusznie. Nowe formaty przygotowane swą kompresją pod ludzkie oko, świetnie sprawdzają się na urządzeniach mobilnych. A skoro Google już od dawna indeksuje strony oceniając w trybie „Mobile first!”.
Wypadałoby się tym zająć.
WordPress i pliki WebP?
Z pomocą przychodzi nam wtyczka WebP Converter for Media autorstwa naszego rodaka Mateusza Gbiorczyka
Za pomocą tej wtyczki:
- WordPress automatycznie stworzy odpowiedni plik graficzny podczas wgrywania nowego zdjęcia do Biblioteki Mediów
- automatycznie wygeneruje odpowiedniki WebP naszych obecnych zdjęć i grafik, które już znajdują się w Bibliotece Mediów
- wtyczka używa detekcji wspierania WebP przez przeglądarki – W razie gdy przeglądarka nie wspiera obsługi WebP – na stronie wyświetlony zostanie plik oryginalny.
- a wszystko to zrobi z automatu – za pośrednictwem kilku kliknięć i bez zmiany URL prowadzących do obrazów (wszystko za pomocą mod_rewrite!)
Jak przygotować WordPress pod WebP?
Instalujemy i aktywujemy wtyczkę z oficjalnego repozytorium wyszukując frazę WebP Converter for Media lub pobierając z tego linku
Po aktywacji wtyczki przechodzimy do jej ustawień.
Ustawienia -> WebP Converter
Wtyczka działa z automatu.
Od razu po aktywacji, będzie tworzyła odpowiednik WebP dla każdego formatu graficznego pliku, który prześlemy do Biblioteki Mediów.
Ustawienia możemy zachować domyślne. W większości przypadków sprawdzą się świetnie.
Jedyną rzeczą, jaką musimy zrobić to wygenerować odpowiedniki WebP dla wszystkich tych plików, które już są w naszej Bibliotece.
Wykonujemy to w sekcji ’Regenerate Images’ -> klikając w przycisk Regenrate All.
Test Google Page Speed Insights
Jeżeli wcześniej zrobiliśmy sobie test Google Page Speed
to teraz możemy wykonać go ponownie aby potwierdzić że Google docenia optymalizację 🙂
Przed:
Po:
Wtyczka zrobi wszystko za nas za darmo i jest fenomenalna w swoich założeniach – warto docenić pracę autora i postawić mu kawę – tak aby mógł dalej pracować nad rozwojem tej wtyczki.
Postaw kawę autorowi
Wykonaj te optymalizacje WordPress!
Wtyczka współpracuje z pozostałymi potrzebnymi optymalizacjami naszego WordPress, o których pisaliśmy już wcześniej na naszym blogu:
Łączenie i kompresja zasobów CSS/JS
Ilość żądań do serwera o poszczególne pliki naszego motywu WordPress ma znaczenie – zoptymalizuj aby było ich jak najmniej.
Jeśli tego jeszcze nie wdrożyłeś – przeczytaj jak to zrobić TUTAJ
Lazyload (deffer offscreen images) dla zdjęć
Opóźnij ładowanie zdjęć na swojej stronie – gdy są niewidoczne, poniżej poziomu zanurzenia strony.
Jeśli tego jeszcze nie wdrożyłeś – przeczytaj jak to zrobić TUTAJ
Co jeszcze potrzebuje mój WordPress?
Jak bardzo byśmy nie zoptymalizowali naszej strony na WordPress – potrzebujemy i tak szybkich dostępów do zasobów serwera. Czyli chodzi tu o możliwości serwera i szybkości serwowania plików do przeglądarki odwiedzającego.
Zadbaj o Hosting.
W tym celu warto zwrócić uwagę czy Twój hosting oferuje takie technologie jak:
- HTTP/2, HTTP/3, QUIC
- LiteSpeed i lsCache
- Obsługa Let’s Encrypt SSL
- IPS/IDS – ochrona przed atakami
W HitMe oferujemy wszystkie te technologie w usługach takich jak Hosting WWW, Elastyczny Hosting oraz Hosting pod WordPress.
Zadbaj o Certyfikat SSL
- Bez certyfikatu nie obsłużysz HTTP/2
- Google spojrzy na Ciebie srogim okiem
- Jeśli używasz formularzy i zbierasz dane osobowe – zadbaj o RODO i zabezpiecz swoją stronę
SSL w HitMe.pl
- tanie certyfikaty SSL – Dzięki umowom partnerskim z wieloma dostawcami, możemy zaoferować najlepsze warunki certyfikatów w Polsce!
- administracja i instalacja certyfikatu za Ciebie *VPS z Administracją