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

Mariusz Szatkowski

Doświadczony Programista WordPress Developer, od 2007 tworzy wielojęzykowe, responsywne witryny, sklepy internetowe, strony AMP oraz aplikacje mobilne, modyfikując frontend jak i backend serwisów pod indywidualne potrzeby klienta. Projektuje mikroanimacje i architekturę informacji w witrynach, optymalizuje kod witryny pod SEO. Łata dziury w oprogramowaniu, zabezpiecza i naprawia serwisy www po włamaniach. Od 1996r. tworzy strony www i kampanie online, a od 2007 roku migruje i kastomizuje strony klientów do WordPressa, szkoli, doradza i optymalizuje nakłady inwestycyjne na nowoczesne rozwiązania komunikacyjne w marketingu internetowym.