Sven Decker - Building lightning-fast sites for the mobile web

Mobile traffic is consistently increasing its lead over desktop every year, but few websites provide their mobile audience with an enjoyable experience. Especially in eCommerce, this translates directly into bounced users, missed conversions and lost revenue.

Enter the open-source Accelerated Mobile Pages (AMP) project created by Google. Its ability to deliver near-instantly accessible content on mobile devices has proven a valuable addition to news websites, engaging users and thus driving revenue. It seems sensible to implement AMP in online shops and the web at large as well, but nothing comes for free.

Together we will take a close look at AMP’s current offerings and drawbacks, as well as upcoming changes and updates coming to the AMP library. Focusing on performance gain, ease of implementation and maintenance costs as key criteria, we will discuss benefits, pitfalls and overall suitability of AMP for the mobile web.

Transcript

1. Building Lightning-Fast Sites For The Mobile Web Sven Decker Lead Software Engineer real.digital
5. & 5000+ sellers
6. #WeAreHiring
8. Google Analytics data for real.de, 25.000.000 sessions
17. First Byte Start Render DOMContentLoaded First Paint First Meaningful Paint Speed Index PageLoad DOMInteractive First Interactive Visually Complete
18. First Byte First Paint First Meaningful Paint Speed Index PageLoad DOMInteractive First Interactive Visually Complete Start Render DOMContentLoaded
19. First Paint First Meaningful Paint Speed Index PageLoad DOMInteractive First Interactive Visually Complete Start Render DOMContentLoaded First Byte
20. First Paint First Meaningful Paint Speed Index PageLoad DOMInteractive First Interactive Visually Complete Start Render DOMContentLoaded First Byte
21. First Paint First Meaningful Paint Speed Index PageLoad DOMInteractive First Interactive Visually Complete DOMContentLoaded First Byte Start Render
22. First Paint First Meaningful Paint Speed Index PageLoad DOMInteractive First Interactive Visually Complete Start Render DOMContentLoaded First Byte
23. First Paint First Meaningful Paint Speed Index PageLoad DOMInteractive First Interactive Visually Complete Start Render DOMContentLoaded First Byte
24. First Paint First Meaningful Paint Speed Index PageLoad DOMInteractive First Interactive Visually Complete Start Render DOMContentLoaded First Byte
25. First Paint First Meaningful Paint Speed Index PageLoad DOMInteractive First Interactive Visually Complete Start Render DOMContentLoaded First Byte
26. First Paint First Meaningful Paint Speed Index PageLoad DOMInteractive First Interactive Visually Complete Start Render DOMContentLoaded First Byte
27. First Paint First Meaningful Paint Speed Index PageLoad DOMInteractive First Interactive Visually Complete Start Render DOMContentLoaded First Byte
28. First Paint First Meaningful Paint Speed Index PageLoad DOMInteractive First Interactive Visually Complete Start Render DOMContentLoaded First Byte
35. 0.86s
37. <script async src=“amp.js” </script>
38. <amp-img src=“pyconweb.png” height=“640” width=“480” </amp-img>
46. Lisa Wang, Google @ AMPconf 2018 - bit.ly/amp-ecommerce
48. Building Lightning-Fast Sites For The Mobile Web! Sven Decker Lead Software Engineer real.digital Please build