Przyspieszone strony mobilne AMP – prezentacja na WordUp Trojmiasto

Zapraszam do przejrzenia mojej najnowszej prezentacji dot. AMP Accelerated Mobile Pages, którą wygłosiłem podczas spotkania WordUp Trójmiasto.

Podsumowanie głównych założeń dotyczących AMP:

#AMPHTML

AMP HTML to HTML z pewnymi ograniczeniami dla niezawodnej wydajności.

#AMPJS

Biblioteka AMP JS zapewnia szybkie renderowanie stron HTML AMP.

#AMPCache

Pamięć podręczna Google AMP może być używana do obsługi stron HTML z buforowaniem AMP.

Założenia AMP:

Zezwala tylko na asynchroniczne skrypty

Nie pozwala blokowania renderowania strony przy ładowaniu

Minimalizacja ponowne obliczenia styli podczas akcji

Uruchamianie jedynie animacji stylów z użyciem GPU (pozycja, skala, obrót, krycie)

Cały #CSS nie może przekraczać 50 KB

Wszystkie JS powinny się znaleźć poza krytycznym widokiem (z wyjątkiem amp-iframe)

Dodanie własnych fontów musi być wydajne

Możemy priorytetyzować ładowanie zasobów

Nie używamy !important

Oto i prezentacja:

https://docs.google.com/presentation/d/1q3vI8Vb5d3RKEIhHRQjtMkz87cffNdWn-dzfacU6u1o/edit#slide=id.g34a814f1d1_1_56