Google is pushing Accelerated Mobile Pages (AMP) in a big way. AMP pages restrict what you can do all for the sake of performance on mobile devices. In this talk we’ll cover the basics of AMP, how it’s different than mobile-ready and responsive design, and the plugins you’ll need to take advantage of AMP on your WordPress site.

5. 2.2Mb
22 JavaScript Files (363kb)
8 CSS files (75k)
18 Different Resource Domains
101 Total HTTP Requests
Average Web Page (2015)
https://www.sitepoint.com/average-page-weight-increased-another-16-2015/

6. More than
40% of users
will abandon a
website that
takes more
than 3 seconds
to load
3 Second Rule:

7. Accelerated Mobile Pages

15. “AMP is a way to
build web pages for
static content that
render fast”
Google Says...

16. “We found that AMP pages
load four times faster,
and use eight times less
data than traditional
mobile optimized pages”
AMP in Action
Jon Parise (Product Engineer, Pinterest)

18. “After the successful
rollout of AMP for
news sites, it is now
ready for more.”
Beyond Publishers
Rudy Galfi (AMP Team Product Manager, Google)

19. 600 million AMP Pages
700,000 Domains
100+ Languages
AMP in Google Index

24. John Mueller
Webmaster Trends Analyst at Google

25. 75% Aware of AMP
18% Have Researched AMP Deeply
23% Currently Implementing AMP
49% Expect AMP to have significant
effect on Page Rankings
SEO Professionals Survey
http://www.link-assistant.com/news/amp-survey.html

29. 1. AMP HTML

30. AMP HTML Components
amp-ad
amp-img
amp-video
amp-audio
amp-pixel
amp-video
amp-carousel
amp-lightbox
amp-anim
amp-iframe
amp-instagram
amp-twitter
amp-youtube
amp-accordian

31. 2. AMP JS

32. 3. AMP CDN

34. No 3rd party
Javascript

35. External
resources must
define static
dimensions

36. All CSS Must
be inline
(50k Max)

37. Only GPU-
Accelerated
animations

38. Prioritize
Resource
Loading

40. • Can modify template/CSS
• Use custom template
• Apply to custom post types
• AMP hooks and filters
AMP Plugin Customizations

42. https://fewerthanthree.com/tutorial/customizing-google-amp-for-wordpress/

43. https://deliciousbrains.com/amp-wordpress-google-accelerated-mobile-pages/

44. Iniative being pushed by Google
Loads pages fast on mobile devices
Does not replace responsive design
Restricts HTML, CSS & JavaScript
Install the AMP Plugin and experiment
What We Learned About AMP

45. About Me
Mike Hale
Developer
Rainmaker Digital
@MikeHale
www.mikehale.me