{"id":41725,"date":"2016-12-01T10:32:11","date_gmt":"2016-12-01T18:32:11","guid":{"rendered":"http:\/\/www.bruceclay.com\/blog\/?p=41725"},"modified":"2019-07-12T12:28:59","modified_gmt":"2019-07-12T19:28:59","slug":"what-is-a-progressive-web-app-pwa","status":"publish","type":"post","link":"https:\/\/www.bruceclay.com\/blog\/what-is-a-progressive-web-app-pwa\/","title":{"rendered":"What is a Progressive Web App & Who Should Be Using It?"},"content":{"rendered":"

According to Google, progressive web apps<\/a> are the next big thing for “delivering amazing user experiences on the web.” In the same vein as AMP<\/a> (accelerated mobile pages), PWAs are causing digital marketers to rethink the way they can design and deliver their sites in a mobile-first world. Website owners and designers need to be paying attention. So just what is a progressive web app?<\/p>\n

\"what-is-a-progressive-web-app-pwa\"<\/p>\n

What is a Progressive Web App?<\/b><\/h2>\n

It’s an all-in-one solution for web developers to create a single version website\/app that can be delivered across all devices and works like an app but without the hassle of distribution through an app store.<\/p>\n

A progressive web app, or PWA<\/em>, combines the best of a website and the best of a native application. It’s a type of hybrid app<\/strong>. If a user comes to your PWA-run site, then they’ll get the mobile version of your site, but faster.<\/p>\n

With a traditional hybrid app, like the Amazon app, the user’s interactions with it are built into the phone as an app, but the data collected is from the web. Here’s where a PWA is different. A PWA launches a browser to do the same thing. With the introduction of service workers (the scripts running in the background of your browser) and other technological advancements, browsers are more sophisticated than ever. They can do things on your phone that previously could only be done through a native app. This means you don’t have to publish the app in the app store. The barrier to entry of downloading an app is no longer an issue for your users.<\/p>\n

As a developer, you no longer have to program different apps for different devices, nor deal with special screen sizes. You can invest your time and resources into designing a PWA. If you have to make a mobile website, you might as well just use a PWA. It’s well worth it.<\/p>\n

Talking PWAs with Cindy Krum<\/b><\/h2>\n

My longtime friend Cindy Krum<\/a>, the CEO and founder of MobileMoxie<\/a>, is a PWA guru. I wanted to get her take on how far in the future the mass adoption of PWAs looks to be. Here’s what she had to say:<\/p>\n

Lots of big companies are already testing PWA code and integrations on their sites. Lyft, Mic, Washington Post, Flipboard, The Weather Channel and more have already launched beta PWA sites for testing. Google has already published some PWA development guidelines for SEO, but I think the update may depend on how aggressively Google and other influential companies promote PWAs.<\/i><\/p>\n

Google has also been hinting at cross-over between AMP and PWAs, using AMP to make PWA\u2019s work in Safari, so there may be some new iteration of AMP that makes AMP enabled content available in PWA format. The PWA news viewer already behaves a lot like a PWA. My guess is that in the next year, we will see some of the more agile and cutting edge companies take their PWAs out of beta, and making them their main sites, with or without the influence of AMP.<\/i><\/p>\n

It will be interesting to watch more widespread adoption of PWAs unfold. As with anything new, of course, it can sometimes be hard to get clients to adopt bleeding edge technology. Here’s how Cindy is getting her clients on board.<\/p>\n

Cindy: The main recommendation is to try it out. You can add a service worker and an app manifest to any existing website. It is not enough to get the full benefits of a PWA, but it is enough to learn how easy or difficult the integration will be for your company. In our case, we developed an app manifest in five minutes, and a service worker in 90 minutes.<\/i><\/p>\n

Making web-apps indexable tends to be the harder part of the equation, but that is true with or without the PWA elements. Web apps are hard to index because developers don\u2019t always include URLs for state-changes in the web app.<\/i><\/p>\n

For the immediate future, PWAs are something to be aware of, and if you\u2019re able to, start working into your testing and planning cycles. There are no guarantees it\u2019ll be the go-forward structure and remain supported by Google forever, but you don\u2019t want to be left behind. There are practical upsides to PWAs that are worth considering regardless of how long it takes this to be a mainstream approach.<\/p>\n","protected":false},"excerpt":{"rendered":"

According to Google, progressive web apps are the next big thing for “delivering amazing user experiences on the web.” In the same vein as AMP (accelerated mobile pages), PWAs are causing digital marketers to rethink the way they can design and deliver their sites in a mobile-first world. Website owners and designers need to be paying attention. So just what is a progressive web app? It’s an all-in-one solution for web developers to create a single version website\/app that can be delivered across all devices and works like an app but without the hassle of distribution through an app store. <\/p>\n

Are PWAs right for your site? Read What is a Progressive Web App and Who Should Be Using It?<\/p>\n","protected":false},"author":101011,"featured_media":41729,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"categories":[1],"tags":[1207,104,107],"acf":[],"yoast_head":"BruceClay - What is a Progressive Web App and Who Should Be Using It?<\/title>\n<meta name=\"description\" content=\"What is a progressive web app, or PWA? A progressive web app combines the best of a site & the best of a native app. Discover the benefits of PWAs!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.bruceclay.com\/blog\/what-is-a-progressive-web-app-pwa\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is a Progressive Web App and Who Should Be Using It?\" \/>\n<meta property=\"og:description\" content=\"What is a progressive web app, or PWA? A progressive web app combines the best of a site & the best of a native app. Discover the benefits of PWAs!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bruceclay.com\/blog\/what-is-a-progressive-web-app-pwa\/\" \/>\n<meta property=\"og:site_name\" content=\"Bruce Clay, Inc.\" \/>\n<meta property=\"article:published_time\" content=\"2016-12-01T18:32:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-07-12T19:28:59+00:00\" \/>\n<meta name=\"author\" content=\"Duane Forrester\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.bruceclay.com\/wp-content\/uploads\/2016\/12\/What-is-a-Progressive-Web-App-PWA-e1480617296480.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@duaneforrester\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Duane Forrester\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.bruceclay.com\/blog\/what-is-a-progressive-web-app-pwa\/\",\"url\":\"https:\/\/www.bruceclay.com\/blog\/what-is-a-progressive-web-app-pwa\/\",\"name\":\"What is a Progressive Web App and Who Should Be Using It?\",\"isPartOf\":{\"@id\":\"https:\/\/www.bruceclay.com\/#website\"},\"datePublished\":\"2016-12-01T18:32:11+00:00\",\"dateModified\":\"2019-07-12T19:28:59+00:00\",\"author\":{\"@id\":\"https:\/\/www.bruceclay.com\/#\/schema\/person\/9f34a07abfc7d0bf6aaf15205cede304\"},\"description\":\"What is a progressive web app, or PWA? A progressive web app combines the best of a site & the best of a native app. Discover the benefits of PWAs!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.bruceclay.com\/blog\/what-is-a-progressive-web-app-pwa\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.bruceclay.com\/blog\/what-is-a-progressive-web-app-pwa\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.bruceclay.com\/blog\/what-is-a-progressive-web-app-pwa\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.bruceclay.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What is a Progressive Web App & Who Should Be Using It?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.bruceclay.com\/#website\",\"url\":\"https:\/\/www.bruceclay.com\/\",\"name\":\"Bruce Clay, Inc.\",\"description\":\"SEO and Internet Marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.bruceclay.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.bruceclay.com\/#\/schema\/person\/9f34a07abfc7d0bf6aaf15205cede304\",\"name\":\"Duane Forrester\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.bruceclay.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9f39c2bf6ed5f906c8817c0aa19aa71f?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9f39c2bf6ed5f906c8817c0aa19aa71f?s=96&d=retro&r=g\",\"caption\":\"Duane Forrester\"},\"description\":\"Duane Forrester formerly held the position of VP, organic search operations at Bruce Clay, Inc. Before that, he was a senior product manager responsible for Bing\u2019s Webmaster Program. He's also the founding co-chair of SEMPO's In-House SEM Committee, was formerly on the Board of Directors for SEMPO and is the author of two books: \\\"How To Make Money With Your Blog\\\" and \\\"Turn Clicks Into Customers.\\\" Connect with Duane on social with the links on his author page.\",\"sameAs\":[\"http:\/\/duaneforrester.com\/\",\"https:\/\/twitter.com\/duaneforrester\"],\"url\":\"https:\/\/www.bruceclay.com\/blog\/author\/duane-forrester\/\"}]}<\/script>","yoast_head_json":{"title":"BruceClay - What is a Progressive Web App and Who Should Be Using It?","description":"What is a progressive web app, or PWA? A progressive web app combines the best of a site & the best of a native app. Discover the benefits of PWAs!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.bruceclay.com\/blog\/what-is-a-progressive-web-app-pwa\/","og_locale":"en_US","og_type":"article","og_title":"What is a Progressive Web App and Who Should Be Using It?","og_description":"What is a progressive web app, or PWA? A progressive web app combines the best of a site & the best of a native app. Discover the benefits of PWAs!","og_url":"https:\/\/www.bruceclay.com\/blog\/what-is-a-progressive-web-app-pwa\/","og_site_name":"Bruce Clay, Inc.","article_published_time":"2016-12-01T18:32:11+00:00","article_modified_time":"2019-07-12T19:28:59+00:00","author":"Duane Forrester","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.bruceclay.com\/wp-content\/uploads\/2016\/12\/What-is-a-Progressive-Web-App-PWA-e1480617296480.jpg","twitter_creator":"@duaneforrester","twitter_misc":{"Written by":"Duane Forrester","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.bruceclay.com\/blog\/what-is-a-progressive-web-app-pwa\/","url":"https:\/\/www.bruceclay.com\/blog\/what-is-a-progressive-web-app-pwa\/","name":"What is a Progressive Web App and Who Should Be Using It?","isPartOf":{"@id":"https:\/\/www.bruceclay.com\/#website"},"datePublished":"2016-12-01T18:32:11+00:00","dateModified":"2019-07-12T19:28:59+00:00","author":{"@id":"https:\/\/www.bruceclay.com\/#\/schema\/person\/9f34a07abfc7d0bf6aaf15205cede304"},"description":"What is a progressive web app, or PWA? A progressive web app combines the best of a site & the best of a native app. Discover the benefits of PWAs!","breadcrumb":{"@id":"https:\/\/www.bruceclay.com\/blog\/what-is-a-progressive-web-app-pwa\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bruceclay.com\/blog\/what-is-a-progressive-web-app-pwa\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.bruceclay.com\/blog\/what-is-a-progressive-web-app-pwa\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.bruceclay.com\/"},{"@type":"ListItem","position":2,"name":"What is a Progressive Web App & Who Should Be Using It?"}]},{"@type":"WebSite","@id":"https:\/\/www.bruceclay.com\/#website","url":"https:\/\/www.bruceclay.com\/","name":"Bruce Clay, Inc.","description":"SEO and Internet Marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bruceclay.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.bruceclay.com\/#\/schema\/person\/9f34a07abfc7d0bf6aaf15205cede304","name":"Duane Forrester","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bruceclay.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9f39c2bf6ed5f906c8817c0aa19aa71f?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9f39c2bf6ed5f906c8817c0aa19aa71f?s=96&d=retro&r=g","caption":"Duane Forrester"},"description":"Duane Forrester formerly held the position of VP, organic search operations at Bruce Clay, Inc. Before that, he was a senior product manager responsible for Bing\u2019s Webmaster Program. He's also the founding co-chair of SEMPO's In-House SEM Committee, was formerly on the Board of Directors for SEMPO and is the author of two books: \"How To Make Money With Your Blog\" and \"Turn Clicks Into Customers.\" Connect with Duane on social with the links on his author page.","sameAs":["http:\/\/duaneforrester.com\/","https:\/\/twitter.com\/duaneforrester"],"url":"https:\/\/www.bruceclay.com\/blog\/author\/duane-forrester\/"}]}},"_links":{"self":[{"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/posts\/41725"}],"collection":[{"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/users\/101011"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/comments?post=41725"}],"version-history":[{"count":8,"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/posts\/41725\/revisions"}],"predecessor-version":[{"id":69475,"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/posts\/41725\/revisions\/69475"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/media\/41729"}],"wp:attachment":[{"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/media?parent=41725"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/categories?post=41725"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/tags?post=41725"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}