1.
Presented by Bill Erickson
WP Georgetown
AMP and WordPress

2.
Presented by Bill Erickson
WP Georgetown
What is AMP?

3.
Presented by Bill Erickson
WP Georgetown
Features:
Incredibly fast website
0 second load time in SERPs
Access to Top Stories carousel

4.
Presented by Bill Erickson
WP Georgetown
Limit CSS to 50kb
AMP HTML markup
No JavaScript
Served from Google’s cache
Limitations:

5.
Presented by Bill Erickson
WP Georgetown
wordpress.org/plugins/amp

6.
Presented by Bill Erickson
WP Georgetown
Automatically converts HTML to AMP HTML
CSS Tree Shaking
Validation and error tracking
Plugin features:

7.
Presented by Bill Erickson
WP Georgetown
Native
Transitional
Reader
Template Modes

8.
Presented by Bill Erickson
WP Georgetown
Plugins loading JavaScript
Navigation menus without JS
Challenges with AMP

9.
Presented by Bill Erickson
WP Georgetown
1. Do nothing, leave page invalidated
2. Disable JS in the plugin
3. Build functionality without plugin
Plugins without JavaScript

10.
Presented by Bill Erickson
WP Georgetown
Examples

11.
Presented by Bill Erickson
WP Georgetown
Navigation without JS
AMP.setState()

12.
Presented by Bill Erickson
WP Georgetown

13.
Presented by Bill Erickson
WP Georgetown

14.
Presented by Bill Erickson
WP Georgetown

15.
Presented by Bill Erickson
WP Georgetown

16.
Presented by Bill Erickson
WP Georgetown
Helper functions
ea_is_amp()
ea_amp_class()
ea_amp_toggle()
ea_amp_nav_dropdown()
github.com/billerickson/EA-Starter
github.com/billerickson/EA-Genesis-Child

17.
Presented by Bill Erickson
WP Georgetown

18.
Presented by Bill Erickson
WP Georgetown
AMP Components
https://amp.dev/documentation/components

19.
Presented by Bill Erickson
WP Georgetown
https://amp.dev/documentation/components

20.
Presented by Bill Erickson
WP Georgetown

21.
Presented by Bill Erickson
WP Georgetown
AMP Analytics

22.
Presented by Bill Erickson
WP Georgetown

23.
Presented by Bill Erickson
WP Georgetown
monsterinsights.com

24.
Presented by Bill Erickson
WP Georgetown
Questions?