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
Dodaj komentarz
Chcesz się przyłączyć do dyskusji?Feel free to contribute!