accelerated mobile pages - wordcamp kansas city
TRANSCRIPT
‣Conversion rates suffer
‣Sites become bogged down with ads
‣Need to generate revenue to stay in business
‣Developed hand in hand with publishers, both large and small (including WordPress)
‣Open source project so anyone can contribute
‣Built for news related content (for now)
‣Benefits the user because they get the content they want, fast
‣Benefits the publisher because readers churn through more content, increasing opportunity
‣Benefits Google because conversion rates increase
‣Open source initiative that aims to provide mobile optimized content
‣Subset of HTML5
‣3 parts: AMP HTML, AMP JS, Google AMP cache
‣HTML with some restrictions for reliable performance
‣ Includes extensions for building rich content beyond basic HTML
‣<amp-img>: provides full srcset support even in browsers that don’t support it (responsive images)
‣Ensures fast rendering of AMP HTML pages
‣Manages resource loading
‣ Implements all of AMP’s best performance practices
‣All external scripts are async
‣Static resource sizing
‣CSS portion control
‣Resource Prioritization: Downloads ads with lower priority
‣ Install WordPress AMP plugin
‣Generates AMP versions for all posts
‣*Pages and archives not currently supported
‣ In Chrome, go to URL and add #development=1 to the end
‣Open Chrome Dev Tools
‣Check console for validation errors or messages