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:

• Łączenie i kompresja zasobów CSS/JS
• Lazyload (deffer offscreen images) dla zdjęć

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:

1. WordPress automatycznie stworzy odpowiedni plik graficzny podczas wgrywania nowego zdjęcia do Biblioteki Mediów
2. automatycznie wygeneruje odpowiedniki WebP naszych obecnych zdjęć i grafik, które już znajdują się w Bibliotece Mediów
3. 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.
4. 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ą

Zakup certyfikat