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!