AMP Accelerated Mobile Pages WordPress @ WordUp Trojmiasto

Let me share my latest #AMP Accelerated Mobile Pages #WordPress presentation held at WordUp #Trójmiasto meetup.

Just a recap of the main thoughts about AMP:

#AMPHTML

AMP HTML is HTML with some restrictions for reliable performance.

#AMPJS

The AMP JS library ensures the fast rendering of AMP HTML pages.

#AMPCache

The Google AMP Cache can be used to serve cached AMP HTML pages.

Allow only asynchronous scripts

Don’t let extension mechanisms block rendering

Minimize style recalculations

Only run GPU-accelerated animations (position, scale, rotation, opacity)

All #CSS must be inline and size-bound 50KB

Keep all third-party JS out of the critical path (except in amp-iframe )

Font triggering must be efficient

We can prioritise resource loading

No !importants

Enjoy!

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

post
Mariusz Szatkowski
0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *