Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Building Amp Experiences that Drive Results

1,507 views

Published on

Are you getting the results you want on mobile? Mobile is the new benchmark for understanding web performance, and Accelerated Mobile Pages (AMP) promises to offer significantly better mobile experiences. Since AMP was first announced in 2015, the industry has responded, with 500+ contributors and over 6 billion AMP pages on the web to date.

View this presentation to understand how far AMP has come, and some of its most recent updates to help you increase conversions and viewer engagement.

-Understanding AMP architecture
-The evolution of AMP and its support for web packaging
-How The Johnson Group helped U.S. Xpress productize AMP to drive conversions and increase hires
-How Cloudflare has built AMP support into its performance and security portfolio

Published in: Technology
  • The Scrambler Unlock Her Legs | 95% Off by Bobby Rio-Rob Judge? ●●● http://t.cn/AiurDrZp
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD FULL BOOKS, INTO AVAILABLE FORMAT ......................................................................................................................... ......................................................................................................................... 1.DOWNLOAD FULL. PDF EBOOK here { https://tinyurl.com/yxufevpm } ......................................................................................................................... 1.DOWNLOAD FULL. EPUB Ebook here { https://tinyurl.com/yxufevpm } ......................................................................................................................... 1.DOWNLOAD FULL. doc Ebook here { https://tinyurl.com/yxufevpm } ......................................................................................................................... 1.DOWNLOAD FULL. PDF EBOOK here { https://tinyurl.com/yxufevpm } ......................................................................................................................... 1.DOWNLOAD FULL. EPUB Ebook here { https://tinyurl.com/yxufevpm } ......................................................................................................................... 1.DOWNLOAD FULL. doc Ebook here { https://tinyurl.com/yxufevpm } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • ■■■ http://ishbv.com/ezpayjobs/pdf
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

Building Amp Experiences that Drive Results

  1. 1. Building AMP experiences that drive results
  2. 2. Rudy Galfi AMP Product Manager, Google and Member of AMP Technical Steering Committee Solomon Moskalenko, Director of Interactive, The Johnson Group Gabbi Fisher Systems Engineer, Cloudflare
  3. 3. The AMP Project
  4. 4. Background on AMP AMP is a web component framework to easily create fast, user-first websites
  5. 5. Build great experiences across the web with AMP Efficient and always up-to-date Guaranteed speed and reliability Build experiences that engage and provide revenue/conversions Easy, customizable, open source framework
  6. 6. AMP’s Architecture for Instant Loading Privacy Preserving Prerendering Prerendering starts the moment a search result loads that includes an AMP document.
  7. 7. Privacy Preserving Prerendering AMP’s Architecture for Instant Loading Prerendering starts the moment a search result loads that includes an AMP document. AMP Pages are “preloaded” and “prerendered” by the device in the background.
  8. 8. AMP’s Architecture for Instant Loading Prerendering starts the moment a search result loads that includes an AMP document. AMP Pages are “preloaded” and “prerendered” by the device in the background. The prerendered page appears instantly because it is already loaded and rendered. Privacy Preserving Prerendering
  9. 9. Privacy Preserving Prerendering AMP’s Architecture for Instant Loading Before the user click, the prerender does not reveal private information about the user.
  10. 10. AMP’s Architecture for Instant Loading After the click, then heavy subresources load and render.
  11. 11. AMP - User experience in Google Search When AMP pages are linked from Google Search, they use an AMP viewer in order to achieve prerendering and delivery via Google’s AMP Cache. Downside: URLs are on “google.com” instead of being the publisher’s URL.
  12. 12. AMP - User experience in Google Search Users prefer the author’s origin in the URL bar, for bookmarking, linking, and sharing. Browsers prefer the author’s origin as it allows access to cookies, service workers, and other browser features like Add to Home Screen. AMP works better with the author’s origin as it avoids issues with CORS requests.
  13. 13. Why Web Packaging (Signed Exchange) Matters
  14. 14. Implementing Signed Exchanges New Digital Certificate: CanSignHttpExchanges AMP Packager https://github.com/ampproject/amppackager
  15. 15. Implementing Signed Exchanges Deploy packager to a production server Production Deploy packager to a staging server Staging Which of your site’s URLs will be signed? Determine A supported SXG certificate Acquire
  16. 16. Cloudflare AMP Real URL
  17. 17. Slow Mobile Sites and Apps Origin Mobile devices have limited compute, memory and power which slows down processing content like images or client-side code Mobile apps use APIs which increase calls to the origin Mobile devices have slower and more erratic networks which hurts throughput
  18. 18. Cloudflare AMP Real URL Web packaging Chrome 73 supports web packaging and signed exchanges to improve site portability Accelerate mobile pages Accelerate web content delivery on mobile by caching pages on Google AMP cache Retain branded URLs Displays originating site URLs in AMP search results and reduce bounce rates
  19. 19. Benefits of AMP Real URL Lower Bounce Rates Simpler AnalyticsSigned ContentBrand Protection
  20. 20. AMP and Signed Exchanges
  21. 21. Building AMP Real URL with Workers Creates the signed exchange
  22. 22. Securing content authenticity A signed exchange cannot be tampered with; allows publishers to guarantee authenticity
  23. 23. Speed Ensure users get the speed and experience they expect. Security Protect content integrity and preserve trust.
  24. 24. Customer Case Study: US Xpress
  25. 25. Cloudflare AMP Real URL helped us lower bounce rates by 15.65%, and consequently increase our conversion rates. Solomon Moskalenko, Director of Interactive, The Johnson Group
  26. 26. Delivering Web to an Always-on- the-Move Workforce US Xpress commissioned the Johnson Group; a marketing and advertising firm to help them bolster their brand in the market and help address their staffing challenges. With 86% of their potential candidates on the move and accessing the hiring site from mobile, US Xpress needed to make improvements to the mobile experience on their site to attract and convert more candidates. ● Target applicants are mobile ● Accelerated Mobile Pages (AMP) is a key component of their staffing strategy ● Needed to increase conversions ● Projected savings for recruitment >$1M annually “Cloudflare AMP Real URL helped us lower bounce rates by 15.65%, and consequently increase our conversion rates.” Solomon Moskalenko Director of Interactive, The Johnson Group
  27. 27. Q&A
  28. 28. Resources ● Serve AMP using Signed Exchanges ● Announcing AMP Real URL ● Real URLs for AMP Cached Content Using Cloudflare Workers ● U.S. Xpress Case Study ● Cloudflare CDN ● Cloudflare Plans and Pricing

×