{"id":42682,"date":"2018-10-09T10:00:54","date_gmt":"2018-10-09T15:00:54","guid":{"rendered":"https:\/\/wpengine.com\/?p=42682"},"modified":"2018-10-09T11:57:56","modified_gmt":"2018-10-09T16:57:56","slug":"mobiles-new-power-couple-pwa-and-amp","status":"publish","type":"post","link":"https:\/\/wpengine.com\/resources\/mobiles-new-power-couple-pwa-and-amp\/","title":{"rendered":"Mobile&#8217;s New Power Couple: PWA and AMP"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">We\u2019ve been talking about the mobile web for a while now. Before the smartphone took over, users could use <\/span><span style=\"font-weight: 400;\">a modified web browser on their phones to render slow, frustrating versions of the desktop experience. In 2007, with the proliferation of the smartphone, a browser began rendering the full experience. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Soon, everyone got on board and organizations began creating mobile versions of their site. However, inefficient and clunky infrastructure left users dependent on their desktop. Finally, the mobile web reached a point of maturation with the creation of Responsive Web Design. Using the same code for desktop and mobile and controlling for preferences, development became more efficient but mobile speed became a problem for both consumers and enterprises alike. <\/span><\/p>\n<h2><b>More Opportunity, Less Patience<\/b><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-42683\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2018\/10\/mobile-frustration--1024x683.jpg\" alt=\"\" width=\"900\" height=\"600\" srcset=\"https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2018\/10\/mobile-frustration--1024x683.jpg 1024w, https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2018\/10\/mobile-frustration--300x200.jpg 300w, https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2018\/10\/mobile-frustration--768x512.jpg 768w, https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2018\/10\/mobile-frustration--1500x1000.jpg 1500w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">According to a <\/span><a href=\"https:\/\/wpengine.com\/resources\/connecting-the-enterprise-with-todays-mobile-first-consumer\/\"><span style=\"font-weight: 400;\">recent survey <\/span><\/a><span style=\"font-weight: 400;\">commissioned by WP Engine, there are 3 billion smartphone users in the world. The consequences of not providing a superior digital experience for users have never been greater. Companies risk mass customer exodus and\/or millions in lost revenue. A one-second delay in page load speed results in a seven percent conversion loss with an 11 percent drop in page views. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">With such staggering statistics, you\u2019d expect enterprises to prioritize mobile experiences. <\/span><span style=\"font-weight: 400;\">However, only 17% of surveyed enterprises said that they have an average website load time on mobile devices of under 2 seconds. In fact, nearly a third of respondents said that it takes an average of 5 seconds or longer for their website to load.<\/span><\/p>\n<h2><b>AMP is Born<\/b><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-42684 size-full\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2018\/10\/AMP-.jpg\" alt=\"\" width=\"900\" height=\"360\" srcset=\"https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2018\/10\/AMP-.jpg 900w, https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2018\/10\/AMP--300x120.jpg 300w, https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2018\/10\/AMP--768x307.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Started by Google in 2015, AMP (Accelerated Mobile Pages) was created with the goal of making load times on mobile devices significantly faster. Relating to the speed with which users can load landing pages, AMP works by loading exactly what is needed to render a requested page. This sped up mobile efficiency by nearly 4x.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">AMP proved to be the smartest way to invest in mobile performance. According to the survey, AMP was among the least expensive solutions to implement ($189,991 on average), required the shortest development time and the fewest developers.<\/span><\/p>\n<h2><b>An Alternative to the App Store<\/b><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-42685\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2018\/10\/App-store--1024x768.jpg\" alt=\"\" width=\"900\" height=\"675\" srcset=\"https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2018\/10\/App-store--1024x768.jpg 1024w, https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2018\/10\/App-store--300x225.jpg 300w, https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2018\/10\/App-store--768x576.jpg 768w, https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2018\/10\/App-store--1500x1125.jpg 1500w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">AMP was effectively loading up landing pages faster and more efficiently than previous technology, but what about the rest of the website? Consumers desired a top-notch mobile ecommerce experience; they wanted to search for products, add to their cart, manage their points, use coupons, etc. AMP provided a preview by delivering content quickly, but users wanted a place to experience the whole story. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">That\u2019s where PWA (Progressive Web Apps) come in. What AMP does for landing pages, PWAs do for the rest of the website. AMP brings users in, ensuring consumers reach your landing page quickly without bouncing, while PWAs allow for immersive and complex shopping experiences that keep users on your site and improve conversions. AMP gets customers on your site and PWAs keep them there. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Used by themselves, these technologies provide meaningful improvement to the mobile experience. Used together, the mobile shopping experience is no less enjoyable than shopping on your desktop. The result is speedy sites, improved SEO, and more ROI.<\/span><\/p>\n<h2><b>The State of Mobile in the Enterprise<\/b><\/h2>\n<p><span style=\"font-weight: 400;\"> A new international study commissioned by <\/span><a href=\"https:\/\/wpengine.com\/\"><span style=\"font-weight: 400;\">WP Engine<\/span><\/a><span style=\"font-weight: 400;\"> and conducted by <\/span><a href=\"https:\/\/www.vansonbourne.com\/\"><span style=\"font-weight: 400;\">Vanson Bourne<\/span><\/a><span style=\"font-weight: 400;\"> explores the motives and mobile solutions that enterprise organizations are using today to connect with today\u2019s increasingly mobile-first consumer. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">The survey of IT and marketing decision-makers found: <\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Less than a third of enterprises would rate their digital experience as superior <\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Enterprises aren\u2019t investing enough in their mobile strategies despite growing mobile traffic <\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Newer mobile solutions, such as Accelerated Mobile Pages (AMP) and Progressive Web Apps (PWA), can offer up to half the total cost of ownership of native applications<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">To learn more about \u2018Connecting The Enterprise With Today&#8217;s Mobile-First Consumer\u2019 check out the <\/span><strong><a href=\"https:\/\/wpengine.com\/resources\/connecting-the-enterprise-with-todays-mobile-first-consumer\/\">full study<\/a>. <\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We\u2019ve been talking about the mobile web for a while now. Before the smartphone took over, users could use a modified web browser on their phones to render slow, frustrating versions of the desktop experience. In 2007, with the proliferation of the smartphone, a browser began rendering the full experience. Soon, everyone got on board<span class=\"tile__ellipses\">&hellip;<\/span><span class=\"tile__ellipses--animated\"><\/span><\/p>\n","protected":false},"author":173,"featured_media":42686,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[838],"tags":[947,1285],"class_list":["post-42682","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-site-speed-and-performance","tag-amp","tag-pwa"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Mobile&#039;s New Power Couple: PWA and AMP<\/title>\n<meta name=\"description\" content=\"Expectations for mobile continue to increase. AMP helpes bring consumers to your site and PWA helps keep them there. Check out the latest in mobile research.\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mobile&#039;s New Power Couple: PWA and AMP\" \/>\n<meta property=\"og:description\" content=\"Expectations for mobile continue to increase. AMP helpes bring consumers to your site and PWA helps keep them there. Check out the latest in mobile research.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/resources\/mobiles-new-power-couple-pwa-and-amp\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"article:published_time\" content=\"2018-10-09T15:00:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-10-09T16:57:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2018\/10\/PowerCouple_hero.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2400\" \/>\n\t<meta property=\"og:image:height\" content=\"1260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Alyssa Cuda\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wpengine\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alyssa Cuda\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/resources\/mobiles-new-power-couple-pwa-and-amp\/\",\"url\":\"https:\/\/wpengine.com\/resources\/mobiles-new-power-couple-pwa-and-amp\/\",\"name\":\"Mobile's New Power Couple: PWA and AMP\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/resources\/#website\"},\"datePublished\":\"2018-10-09T15:00:54+00:00\",\"dateModified\":\"2018-10-09T16:57:56+00:00\",\"author\":{\"@id\":\"https:\/\/wpengine.com\/resources\/#\/schema\/person\/2e7ae57f60120ddae3dc029b03cfa81a\"},\"description\":\"Expectations for mobile continue to increase. AMP helpes bring consumers to your site and PWA helps keep them there. Check out the latest in mobile research.\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/resources\/mobiles-new-power-couple-pwa-and-amp\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/resources\/mobiles-new-power-couple-pwa-and-amp\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/resources\/mobiles-new-power-couple-pwa-and-amp\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/resources\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mobile&#8217;s New Power Couple: PWA and AMP\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpengine.com\/resources\/#website\",\"url\":\"https:\/\/wpengine.com\/resources\/\",\"name\":\"WP Engine\",\"description\":\"Managed Hosting for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpengine.com\/resources\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpengine.com\/resources\/#\/schema\/person\/2e7ae57f60120ddae3dc029b03cfa81a\",\"name\":\"Alyssa Cuda\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/resources\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9031010d4260959c1fffb0b199ffa33db42a2b53baa3bf9927a289237e907252?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9031010d4260959c1fffb0b199ffa33db42a2b53baa3bf9927a289237e907252?s=96&d=mm&r=g\",\"caption\":\"Alyssa Cuda\"},\"description\":\"Alyssa is a Content Specialist at WP Engine. If she\u2019s not searching for a swimming hole to escape the heat in, you can usually find her baking something caloric or reading.\u2002\u2002\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mobile's New Power Couple: PWA and AMP","description":"Expectations for mobile continue to increase. AMP helpes bring consumers to your site and PWA helps keep them there. Check out the latest in mobile research.","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"Mobile's New Power Couple: PWA and AMP","og_description":"Expectations for mobile continue to increase. AMP helpes bring consumers to your site and PWA helps keep them there. Check out the latest in mobile research.","og_url":"https:\/\/wpengine.com\/resources\/mobiles-new-power-couple-pwa-and-amp\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","article_published_time":"2018-10-09T15:00:54+00:00","article_modified_time":"2018-10-09T16:57:56+00:00","og_image":[{"width":2400,"height":1260,"url":"https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2018\/10\/PowerCouple_hero.jpg","type":"image\/jpeg"}],"author":"Alyssa Cuda","twitter_card":"summary_large_image","twitter_creator":"@wpengine","twitter_site":"@wpengine","twitter_misc":{"Written by":"Alyssa Cuda","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/resources\/mobiles-new-power-couple-pwa-and-amp\/","url":"https:\/\/wpengine.com\/resources\/mobiles-new-power-couple-pwa-and-amp\/","name":"Mobile's New Power Couple: PWA and AMP","isPartOf":{"@id":"https:\/\/wpengine.com\/resources\/#website"},"datePublished":"2018-10-09T15:00:54+00:00","dateModified":"2018-10-09T16:57:56+00:00","author":{"@id":"https:\/\/wpengine.com\/resources\/#\/schema\/person\/2e7ae57f60120ddae3dc029b03cfa81a"},"description":"Expectations for mobile continue to increase. AMP helpes bring consumers to your site and PWA helps keep them there. Check out the latest in mobile research.","breadcrumb":{"@id":"https:\/\/wpengine.com\/resources\/mobiles-new-power-couple-pwa-and-amp\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/resources\/mobiles-new-power-couple-pwa-and-amp\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/resources\/mobiles-new-power-couple-pwa-and-amp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/resources\/"},{"@type":"ListItem","position":2,"name":"Mobile&#8217;s New Power Couple: PWA and AMP"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/resources\/#website","url":"https:\/\/wpengine.com\/resources\/","name":"WP Engine","description":"Managed Hosting for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/resources\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpengine.com\/resources\/#\/schema\/person\/2e7ae57f60120ddae3dc029b03cfa81a","name":"Alyssa Cuda","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/resources\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9031010d4260959c1fffb0b199ffa33db42a2b53baa3bf9927a289237e907252?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9031010d4260959c1fffb0b199ffa33db42a2b53baa3bf9927a289237e907252?s=96&d=mm&r=g","caption":"Alyssa Cuda"},"description":"Alyssa is a Content Specialist at WP Engine. If she\u2019s not searching for a swimming hole to escape the heat in, you can usually find her baking something caloric or reading.\u2002\u2002"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/wpengine.com\/resources\/wp-json\/wp\/v2\/posts\/42682","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpengine.com\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/resources\/wp-json\/wp\/v2\/users\/173"}],"replies":[{"embeddable":true,"href":"https:\/\/wpengine.com\/resources\/wp-json\/wp\/v2\/comments?post=42682"}],"version-history":[{"count":0,"href":"https:\/\/wpengine.com\/resources\/wp-json\/wp\/v2\/posts\/42682\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpengine.com\/resources\/wp-json\/wp\/v2\/media\/42686"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/resources\/wp-json\/wp\/v2\/media?parent=42682"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpengine.com\/resources\/wp-json\/wp\/v2\/categories?post=42682"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpengine.com\/resources\/wp-json\/wp\/v2\/tags?post=42682"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}