Getting AMPed

This is a Deckset presentation originally created for the Bristol Wordpress People 3rd October 2017.

Transcript

1. Getting AMPed ⚡⚡⚡ An intro to Accelerated Mobile Pages Getting AMPed - David Darke | atomicsmash.co.uk 1
2. Getting AMPed - David Darke | atomicsmash.co.uk 2
3. Getting AMPed - David Darke | atomicsmash.co.uk 3
4. What's wrong with current mobile browsing? ! Getting AMPed - David Darke | atomicsmash.co.uk 4
5. Mobile stats !1 1 Taken from https://www.youtube.com/watch?v=WrpkFROqR0Q Getting AMPed - David Darke | atomicsmash.co.uk 5
6. Is AMP the solution? ⚡ Wait... What is AMP? !" Getting AMPed - David Darke | atomicsmash.co.uk 6
7. Getting AMPed - David Darke | atomicsmash.co.uk 7
8. "AMP is a fantastic industry collaborative approach to make mobile web faster"1 1 Taken from https://www.youtube.com/watch?v=WrpkFROqR0Q Getting AMPed - David Darke | atomicsmash.co.uk 8
9. Getting AMPed - David Darke | atomicsmash.co.uk 9
10. Getting AMPed - David Darke | atomicsmash.co.uk 10
11. Getting AMPed - David Darke | atomicsmash.co.uk 11
12. Getting AMPed - David Darke | atomicsmash.co.uk 12
13. Initial thoughts ! Pros SUPER Fast loading Smooth scrolling Reduced page 'jumping' while assets load You may gain a bit of Google goodwill Apparently it's not hard to get started Google is paying for your AMP traffic Getting AMPed - David Darke | atomicsmash.co.uk 13
14. Initial thoughts ! Cons Limited technology Different UX to Desktop It is just for mobile devices (obviously) Google is paying for your AMP traffic Getting AMPed - David Darke | atomicsmash.co.uk 14
15. Time to try it! What we did to setup AMP ⚙ Getting AMPed - David Darke | atomicsmash.co.uk 15
16. Step 1 Get the AMP plugin ! Getting AMPed - David Darke | atomicsmash.co.uk 16
17. We installed: https://en-gb.wordpress.org/plugins/amp/ Getting AMPed - David Darke | atomicsmash.co.uk 17
18. Step 2 Tweak plugin ! Getting AMPed - David Darke | atomicsmash.co.uk 18
19. Modifying output We use Timber (Twig) and a semi-custom page builder to build pages (We do not use the default WordPress editor). Fixing this was actually very easy thanks to the dedicated AMP page templates ! Getting AMPed - David Darke | atomicsmash.co.uk 19
20. Getting AMPed - David Darke | atomicsmash.co.uk 20
21. Getting AMPed - David Darke | atomicsmash.co.uk 21
22. atomicsmash.co.uk/planning-wordpress-development Getting AMPed - David Darke | atomicsmash.co.uk 22
23. Getting AMPed - David Darke | atomicsmash.co.uk 23
24. atomicsmash.co.uk/planning-wordpress-development/amp Getting AMPed - David Darke | atomicsmash.co.uk 24
25. Getting AMPed - David Darke | atomicsmash.co.uk 25
26. Step 3 Testing AMP plages ! Getting AMPed - David Darke | atomicsmash.co.uk 26
27. Getting AMPed - David Darke | atomicsmash.co.uk 27
28. Getting AMPed - David Darke | atomicsmash.co.uk 28
29. Getting AMPed - David Darke | atomicsmash.co.uk 29
30. Getting AMPed - David Darke | atomicsmash.co.uk 30
31. Getting AMPed - David Darke | atomicsmash.co.uk 31
32. Getting AMPed - David Darke | atomicsmash.co.uk 32
33. Getting AMPed - David Darke | atomicsmash.co.uk 33
34. Was this worth the time invested? ! Maybe !. Our site doesn't host the right content. Getting AMPed - David Darke | atomicsmash.co.uk 34
35. Should you use AMP? ! YES!!! If your site does host the right content. Getting AMPed - David Darke | atomicsmash.co.uk 35
36. Getting AMPed - David Darke | atomicsmash.co.uk 36
37. Should you actually use AMP for the sake of using a new technology? ! Getting AMPed - David Darke | atomicsmash.co.uk 37
38. Future of AMP ⏱ Features Newer types of interactions Including e-commerce templates and crawling Better cache control More AMP consumers More supported Ad Networks Getting AMPed - David Darke | atomicsmash.co.uk 38
39. THANKS! ☺ Follow me: @david_darke Follow my studio: @atomicsmash Get presentation here: https://github.com/daviddarke/getting-amped Getting AMPed - David Darke | atomicsmash.co.uk 39
40. Any questions? ! " Getting AMPed - David Darke | atomicsmash.co.uk 40