Przyspieszone strony mobilne AMP – prezentacja na WordUp Trojmiasto

Heading to AMP Accelerated Mobile Pages presentation

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

5/5 - (2 votes)
Mariusz Szatkowski
0 komentarzy:

Dodaj komentarz

Chcesz się przyłączyć do dyskusji?
Feel free to contribute!

Dodaj komentarz

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