Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Sven Decker - Building lightning-fast sites for...

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.

PyConWeb

July 17, 2018
Tweet

More Decks by PyConWeb

Other Decks in Programming

Transcript

  1. First Byte Start Render DOMContentLoaded First Paint First Meaningful Paint

    Speed Index PageLoad DOMInteractive First Interactive Visually Complete
  2. First Byte First Paint First Meaningful Paint Speed Index PageLoad

    DOMInteractive First Interactive Visually Complete Start Render DOMContentLoaded
  3. First Paint First Meaningful Paint Speed Index PageLoad DOMInteractive First

    Interactive Visually Complete Start Render DOMContentLoaded First Byte
  4. First Paint First Meaningful Paint Speed Index PageLoad DOMInteractive First

    Interactive Visually Complete Start Render DOMContentLoaded First Byte
  5. First Paint First Meaningful Paint Speed Index PageLoad DOMInteractive First

    Interactive Visually Complete DOMContentLoaded First Byte Start Render
  6. First Paint First Meaningful Paint Speed Index PageLoad DOMInteractive First

    Interactive Visually Complete Start Render DOMContentLoaded First Byte
  7. First Paint First Meaningful Paint Speed Index PageLoad DOMInteractive First

    Interactive Visually Complete Start Render DOMContentLoaded First Byte
  8. First Paint First Meaningful Paint Speed Index PageLoad DOMInteractive First

    Interactive Visually Complete Start Render DOMContentLoaded First Byte
  9. First Paint First Meaningful Paint Speed Index PageLoad DOMInteractive First

    Interactive Visually Complete Start Render DOMContentLoaded First Byte
  10. First Paint First Meaningful Paint Speed Index PageLoad DOMInteractive First

    Interactive Visually Complete Start Render DOMContentLoaded First Byte
  11. First Paint First Meaningful Paint Speed Index PageLoad DOMInteractive First

    Interactive Visually Complete Start Render DOMContentLoaded First Byte
  12. First Paint First Meaningful Paint Speed Index PageLoad DOMInteractive First

    Interactive Visually Complete Start Render DOMContentLoaded First Byte
  13. Building Lightning-Fast Sites For The Mobile Web! Sven Decker Lead

    Software Engineer real.digital Please build