||

Motywy AMP dla WordPress. Przetestowałem kilka.

Z tego wpisu dowiesz się:

  • Co to są motywy WordPress AMP.
  • Jakie są korzyści z korzystania z motywów AMP.
  • Zobaczysz testy motywów AMP. 

A także:

  • Jakie wyniki osiągają testowane motywy w Page Speed Insights.
Co to jest Motyw AMP?

Jest to motyw zoptymalizowany pod urządzenia mobilne. Wykorzystuje do tego celu technologię AMP, która powstała właśnie z tą myślą.

Co to oznacza, że motyw jest ze wsparciem AMP

Motyw ze wsparciem AMP potrafi dostarczyć osobną wersję strony na urządzenia mobilne w technologii AMP, która optymalizuje stronę właśnie pod urządzenia mobilne.

Czy AMP będzie działać na mojej stronie?

AMP możesz włączyć zawsze, korzystając ze wtyczki AMP przygotowanej przez Google oraz twórców WordPress. Aczkolwiek, jeżeli chcesz zachować jednolitą szatę graficzną na komputery oraz na urządzenia mobilne (którym jest serwowana właśnie wersja strony z AMP), to Twój motyw musi wspierać AMP.

Jakie są korzyści z korzystania z motywu z AMP

Najważniejsze korzyści to szybkość działania, dostosowanie witryny do urządzeń mobilnych oraz możliwość bezpłatnego wykorzystania infrastruktury Google Cloud do błyskawicznego dostarczenia strony użytkownikom mobilnym.

Ile kosztuje technologia AMP

Technologia AMP jest bezpłatna i każdy może z niej korzystać bezpłatnie. Aczkolwiek, motywy wspierające tę technologię mogą być zarówno płatne jak i bezpłatne. 

Testy i osiągi motywów WordPress z AMP 

Tak naprawdę, mimo zapewnień twórców nigdy nie wiesz jak jest z szybkością i dostosowaniem motywów pod urządzenia mobilne, dopóki tego nie sprawdzisz. 

A zatem mówimy “sprawdzam”. 

Poniżej testy kilku motywów wspierających AMP.

Uwaga: poniższe linki nie zawierają linków afiliacyjnych.  Po prostu czyste testy. 

Squaretype – Modern Blog WordPress Theme by codesupplyco

W testach na urządzeniach typu komputer motyw Squaretype uzyskuje wynik 86 punktów, aczkolwiek głównym winowajcą tutaj jest długi czas reakcji serwera, na którym jest zainstalowana wersja demonstracyjna strony.

Problem ten można rozwiązać korzystając z szybkiego i dobrze skonfigurowanego serwera w chmurze np. od Google Cloud

Rozwiązanie tego problemu może podwyższyć wynik o kilka/kilkanaście punktów, co da wynik oscylujący blisko maksimum, 100 punktów.

Mankamentem tego motywu jest duży wynik dla DOM. Google zaleca, aby nie przekraczać tutaj 1500 elementów. Aczkolwiek wynik 1772 nie jest daleki od zaleceń Google.

Jeśli motyw ten pasuje do Twojego projektu to mimo kilku mankamentów jak troszkę za duży DOM czy ładowanie niepotrzebnego CSS, sprawdzi się pod względem szybkości ładowania na urządzeniach komputerowych.

A jak na telefonach?

AMP

Wersja AMP motywu dla urządzeń mobilnych uzyskuje wynik 97 punktów.

Kolejny raz daje o sobie znać słaba konfiguracja serwera wersji demo motywu, aczkolwiek tak jak już wcześniej wspomniałem, problem ten można rozwiązać odpowiednio skonfigurowanym serwerem w chmurze

Noor – Minimal Multi-Purpose WordPress Theme, AMP & RTL

Noor uzyskuje w testach dla urządzeń komputerowych wynik 96 punktów.

Wersja demonstracyjna ładuje nieużywany kod CSS i blokuje lekko renderowanie zasobów, aczkolwiek w niewielkim stopniu, dlatego te cechy nie przekreślają tego motywu.

Mankamentem tego motywu jest jednak wysoki DOM, który odbiega znacznie od zalecanego przez Google poziomu poniżej 1500 elementów.

Dla witryny o mocno rozbudowanych treściach jak np. poradniki, motyw ten niekoniecznie będzie dobrym wyborem.

AMP

Wersja AMP motywu uzyskuje wynik 94 punktowy.

Aczkolwiek ponownie głównym winowajcą tutaj jest nie najlepiej skonfigurowany serwer lub powolna infrastruktura, co bez problemu można rozwiązać korzystając np. z Chmury Google.

Chap – Modern AMP Ready Multi-Purpose Theme by websevendev

Chap uzyskuje 98 punktów w testach na urządzenia typu komputer.

Wynik bliski ideału. A to, co dzieli ten motyw od niego, to nasz stary znajomy wysoki czas reakcji serwera.

Nie jest to oczywiście wina motywu, więc nic temu motywowi pod kątem optymalizacji pod urządzenia typu komputer zarzucić nie można.

AMP 

Wersja AMP motywu uzyskuje wynik 90 punktowy.

O słabej reakcji serwera już sobie powiedzieliśmy i wiemy już jak rozwiązać ten problem.

Natomiast zasobem blokującym renderowanie, są zewnętrzne fonty. Problem ten można bez problemu rozwiązać, np. wtyczką WP Rocket

W skrócie świetnie zoptymalizowany motyw, zarówno na komputery jak i urządzenia mobilne, który przy odpowiedniej konfiguracji serwera, będzie osiągał perfekcyjne wyniki.

Jannah

99 punktów na 100 to wynik motywu Jannah w Google Page Speed Insight w teście na komputery.

Motyw ten dla testowanej strony przekracza jedynie nieznacznie DOM. Google zaleca, aby nie przekraczać 1500, a tutaj mamy 1502 elementy. 

AMP 

 W wersji AMP na urządzenia mobilne motyw ten uzyskuje wynik 97 punktowy.

Niewątpliwe motyw ten sprawdzi się w projektach typu magazyn internetowy.

Onfleek – AMP Ready and Responsive Magazine Theme

Onfeek w teście uzyskał wynik 70 punktów. 

Nie jest to najlepszy wynik, aczkolwiek zawdzięcza go głównie słabo przygotowanej stronie demonstracyjnej. Zastosowanie dodatkowych wtyczek optymalizujących jak Imagify, WP Rocket lub Autoptimize znacząco poprawi wynik tego motywu.

Mankamentem jest wysoki DOM nieznacznie przekraczający zalecaną wartość poniżej 1500. 

AMP

Wersja AMP uzyskuje 99 punktów.

Problem ze zdjęciami w formatach nowej generacji bez problemu można rozwiązać za pomocą wtyczki Imagify.

Mimo zasobów blokujących renderowanie motyw ten niemal natychmiastowo ładuje najważniejsze elementy strony. 

Wynik 99 punktów jak najbardziej zasłużony.

Okab – Responsive Multi-Purpose WordPress Theme + RTL

Wynik motywu Okab w teście na komputery to 91 punktów.

Jest to naprawdę świetny wynik, biorąc pod uwagę, że wynik strony demonstracyjnej można łatwo poprawić takimi wtyczkami jak Imagify, WP Rocket lub Autoptimize.

Tutaj też daje o sobie nie najlepsza konfiguracja serwera, poprzez brak skonfigurowanych zasad dla pamięci podręcznej.

Jedyny mankament to ładowanie używanego kodu CSS i nieznacznie przekraczający zalecany próg DOM.

AMP

Wynik wersji AMP to 92 punkty.

Głównym winowajcą urwania tych kilku punktów jest słaby czas reakcji serwera co można łatwo wyeliminować tak jak we wcześniejszych przypadkach, np. korzystając z dobrze skonfigurowanego serwera w chmurze.

PenNews

75 punktów. To wynik motywu PenNews w pierwszym teście na urządzenia typu komputer.

Wynik nie najlepszy, aczkolwiek głównym jego winowajcą jest słaba optymalizacja grafik, co można łatwo wyeliminować.

Kolejny raz daje  o sobie słaba optymalizacja serwera i brak konfiguracji zasad dla pamięci podręcznej.

Przy odpowiedniej konfiguracji i optymalizacji wynik tego motywu mógłby być znacznie lepszy, powyżej 90 punktów.


Jedynie może niepokoić wysoki DOM, który znacznie przekracza zalecany prób 1500 elementów.

AMP

Wersja AMP uzyskuje już znacznie lepszy wynik 93 punktów.

Wynik ten można dodatkowo poprawić wtyczkami jak Imagify, WP Rocket lub Autoptimize

Jeżeli potrzebujesz pomocy przy optymalizacji, dołącz do grupy wsparcia na Facebooku.

Nie zapomnij też zapisać się na Page Speed Newsletter, aby być na bieżąco.  

A może Ty znasz szybki motyw wspierający AMP? Jeśli tak, to wspomnij proszę o nim w komentarzu.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

7 komentarzy

  1. Piotr pisze:

    Bardzo ciekawy i merytoryczny wpis! Dzięki! 🙂

  2. Nie ma sensu stosować AMP tak po prostu. Ma to sens tylko dla stron newsowych chcących pojawić się w google news. Tak normalnie to ogranicza to pole do modyfikacji i wdrażania customowych elementów. oczywiscie AMP ma swoje moduły JS, ale wciąż jest to ograniczone i problematyczne.

    1. Oczywiście, że nie tak po prostu. AMP znacznie poprawia doświadczenia z użytkowaniem strony na urządzenia mobilnych. Jeżeli Twoja strona ma z tym problem, to AMP może być rozwiązaniem problemu niezależnie od tego czy strona jest newsowa, czy też nie.

      Co do ograniczeń, to taki był cel, wyznaczyć wytyczne, które sprawią, że strony przyspieszą i polepszy się ich jakość użytkowania. Dla jednych to minus, dla drugich plus. Ogólnie nikt nie zmusza do użytkowania AMP, ma swoje minusy, ale i plusy jak np. możliwość wykorzystania infrastruktury Google bezpłatnie.

  3. Czy jest możliwość aby samemu zaimplementować tak stronę w AMP? Czy dla osoby która zna tylko trochę wordpresa będzie to problemem? Mam własna stronę firmy i chciałbym przenieść to wszystko także na AMP

    1. Jeżeli motyw wspiera AMP to implementacja AMP nie jest problemowa.

      Jeżeli obecny motyw nie wspiera AMP, to najprostszym sposobem jest zainstalowanie wtyczki AMP for WP. Wtyczka ta potrafi uruchomić na urządzeniach mobilnych osobny motyw zgodny z AMP (bezpłatnie do wyboru jest kilka motywów). Aczkolwiek to rozwiązanie niekoniecznie może się sprawdzić przy stronie firmowej.

  4. AMP jest najszybszą mobilną technologią dla najnowszych CMS