{"componentChunkName":"component---src-templates-articles-index-jsx","path":"/articles/progressive-web-apps/","result":{"data":{"props":{"adsense":true,"adsenseMobile":null,"byLine":"","canonical":"https://staging.business.com/articles/progressive-web-apps/","content":"\n

For some time now, Google has been emphasizing the importance of responsive websites. According to Statista, 48.9% of all website traffic comes from smartphones alone, and that number is expected to grow as developing nations get online using affordable and accessible smartphones, and as more people ditch desktop computers and laptops in favor of the convenience their tablets and smartphones offer. 

\r\n

Back in 2015, Google announced that it would start to favor responsive sites, and we've certainly seen search results reflect this preference, and will continue to do so. Not only did it put new measures in place for monitoring and tracking the optimization of sites, but it also provided site owners with the necessary tools to do so as well.

\r\n

But technology progresses quickly, and now there is a new way to engage with your website visitors in a more effective and engaging way, which is through the use of progressive web apps. 

\r\n

 

\r\n

Editor's note: Looking for the right mobile app development solution for your business? Fill out the below questionnaire to have our vendor partners contact you about your needs.

\r\n
 
\r\n

What are progressive web apps?

\r\n

Take the best aspects of a native mobile app and a minimalist responsive website, and you've got a progressive web app (PWA). 

\r\n

First announced by Google four years ago, the format has already been adopted by many big brands, including Twitter, Forbes and Housing.com. However, thanks to the maturity of the tech required for their creation, PWAs are now becoming accessible to all, including small businesses – even those that could not have afforded to have their own app developed from scratch, which is a big part of their appeal. 

\r\n

As a format, PWA is designed to offer a perfect user experience; they are as reliable as a website (no apps crashing here), load as quickly as a downloaded offline app (since downloaded content is cached locally), and increase re-engagement fourfold. And again, just as Google provided tools and reference guides for site owners on how to make sure their sites are compliant and mobile responsive, it's done it for everything relating to PWAs as well.

\r\n

In other words, a PWA offers the best mobile apps and responsive websites have to offer, packaged neatly with a launcher button on a user's smartphone home screen. They are compelling, engaging, and bringing users back time and time again. 

\r\n

Why develop a progressive web app? 

\r\n

Essentially, it comes down to user experience. It is now possible for even the smallest businesses to give their website visitors a great experience, thanks to recent advancements with reliable hosting solutions, PWA builders, and code frameworks like Polymer, Duda and Webpack. 

\r\n

Many businesses understand the power of a native app but don't have the know-how or budget to bring one to life and provide ongoing support for their users. PWAs bridge the gap between the ease of a great website and the difficulty of building and supporting an amazing app. 

\r\n

A PWA provides an app-like user interface, almost instantaneous page load speeds, the reliability of an offline app and many of those offline capabilities, telephony features (geolocation and notifications) and the key real estate for businesses – a button on a smartphone or tablet home screen. This button gives you the opportunity to stay at the forefront of your user's mind and even become a part of their daily routine, without requiring any installations via app stores.

\r\n

How are progressive web apps more affordable? 

\r\n

While an app built from the ground up will set you back thousands of dollars, PWAs can be added to your website's current functionality. While this feature will take some time to spread to all website design platforms, Duda has already added PWA functionality for their customers to use on top of the websites they manage, and it really only takes a few clicks and some customization – a far cry from the months of development many apps take. 

\r\n

The benefits of finding a site builder or hosting solution that provides easy access and set up for PWA also eliminates the need for excess costs and resources to create one on your own. As the demand for such solutions continues to increase, it's only a matter of time before we see more implementation across the board from other site builders and web solutions.

\r\n

In fact, the cost associated with creating a progressive web app for businesses and brands was recently a discussion on Quora, where several members weighed in. The common theme of this discussion was that the price can range widely based on the needs, skills and customization that a brand might be looking for – though participants also agreed that a PWA will have much lower associated costs than that of attempting to create a new mobile application from scratch.

\r\n

How is a PWA different from and better than my website?

\r\n

In 2017, Comscore's U.S. Mobile App Report found that although users do much of their web browsing from their devices, they spend the majority of time on their smartphones using apps. Most of us would be able to agree: While we are more than happy to ask Siri or Google to help us with a query, we'll open a social media, shopping or gaming app when we're simply spending time on our smartphones. 

\r\n

While responsive websites are vital to every business's online presence, an app is conducive to a longer period of browsing and an overall better experience for mobile users. A website is for information, while a PWA is for connecting with other people, brands, relaxing and being productive. 

\r\n

When a member of your audience creates a home screen shortcut to your PWA, they are not only showing an interest in what you have to offer but are making a commitment – much like joining an email list. It's then up to the company or brand to continue to provide that same value and engagement that one would expect as if they were joining a mailing list to get updates, deals or exclusive opportunities that others might not.

\r\n

With a PWA, you can immediately show users exactly what you can offer them using personalized push notifications. For Android users, website visitors will be notified that they'll have a better experience if they install your PWA, so pushing people toward your PWA will not require you to prompt them or hope they stumble on it while browsing Google Play and, likely in the future, the iOS App Store. 

\r\n

Why do I need a PWA?

\r\n

While a PWA is not a necessity, it is a key way to deepen your relationship with current and future customers while also overcoming the difficult hurdle of getting website visitors to return. Many people become numb to the prompts to join an email list and often don't take the next step to open and read the emails, but if you can get a customer to integrate a PWA into their life, you'll create true brand loyalty. 

\r\n

Lastly, as referenced throughout the article, you should also remember the preference Google has expressed for responsive websites, as it is reasonable to suspect it will feel the same way about PWAs in the future. So, if SEO is a key strategy in your marketing, as it should be, adopting a PWA for your business, or influencing your clients to do so, will likely be a smart move that pays dividends in the future. 

\n","docType":"article","guid":"articles_67b18b1d2ac1f4e64eb28b0b16d9554b","lastModified":"2019-11-14T14:00:00.000Z","published":"2019-11-14T14:00:00.000Z","structuredData":null,"subtitle":"Learn how progressive web apps are changing how businesses connect with their audiences.","template":"v1","title":"Progressive Web Apps: The New Must-Have Format for Mobile Branding","type":"article","author":{"avatar":null,"bio":"Zac Johnson is one of the widely respected leaders in the blogging and internet marketing communities. Through his popular blogs, bloggingtips.com and zacjohnson.com, he has helped thousands of readers grow their brands and make money online.\r\n\r\nA self taught entrepreneur, Zac’s been making money online for over 15 years and has been involved in nearly every facet of internet marketing while also finding great success in the world of blogging. In 2007 Zac launched his first blog at ZacJohnson.com, which is focused on his successes and failures, case studies, industry news and guides on how to make money online. In addition to his own personal experiences, Zac also writes about the latest online marketing trends and informs his readers on how and where they could be creating new revenue online. Zac’s personal blog currently has thousands of daily readers and has referred over $5,000,000 in new business to his advertisers and network partners since launching the blog.\r\n\r\nIn addition to all of the above, I am also serving on the Board of Advisors with Brand.com and also consulting with their team to improve their day to day operations and reach while also managing their blog, social media and news team.\r\n\r\nSpecialties: blogging, ppc, media buying, site production...","name":"Zac Johnson","image":null,"slug":null,"social":{"facebook":"https://www.facebook.com/zacjohnson","linkedin":"https://www.linkedin.com/in/zacjohnson","twitter":"zacjohnson","website":"https://blogging.org"},"status":"enabled","title":null,"type":"Old BDC Member","user":{"imagePath":"https://staging.business.com/images/uploads/user/profile/e230264140e56c93c0bafc3dd91d070d7f8ad.jpg","profile":{"company":"Blogging.org","jobTitle":"CEO","website":"https://blogging.org"}}},"breadcrumbs":null,"channels":{"primary":{"name":"Technology","slug":"technology"},"sub":{"name":"Software","slug":"software"}},"meta":{"robots":"index, follow","description":"Discover the latest trends, forecasts, and working methods for businesses and brands taking advantage of progressive web apps.","title":"How Progressive Web Apps Are Changing Businesses - business.com"},"parsedContent":{"toc":[{"id":"what-are-progressive-web-apps","title":"What are progressive web apps?"},{"id":"why-develop-a-progressive-web-app","title":"Why develop a progressive web app? "},{"id":"how-are-progressive-web-apps-more-affordable","title":"How are progressive web apps more affordable? "},{"id":"how-is-a-pwa-different-from-and-better-than-my-website","title":"How is a PWA different from and better than my website?"},{"id":"why-do-i-need-a-pwa","title":"Why do I need a PWA?"}],"json":[{"component":"p","children":["For some time now, Google has been emphasizing the importance of responsive websites. According to Statista, ",{"component":"a","props":{"href":"https://www.statista.com/statistics/284202/mobile-phone-internet-user-penetration-worldwide/","target":"_blank","rel":"nofollow"},"children":["48.9% of all website traffic"]}," comes from smartphones alone, and that number is expected to grow as developing nations get online using affordable and accessible smartphones, and as more people ditch desktop computers and laptops in favor of the convenience their tablets and smartphones offer. "]},{"component":"p","children":["Back in 2015, Google announced that it would start to ",{"component":"a","props":{"href":"http://googlewebmastercentral.blogspot.com/2015/02/finding-more-mobile-friendly-search.html","target":"_blank","rel":"nofollow"},"children":["favor responsive sites"]},", and we've certainly seen search results reflect this preference, and will continue to do so. Not only did it put new measures in place for monitoring and tracking the optimization of sites, but it also provided site owners with the necessary tools to do so as well."]},{"component":"p","children":["But technology progresses quickly, and now there is a new way to engage with your website visitors in a more effective and engaging way, which is through the use of progressive web apps. "]},{"component":"p","children":[" "]},{"component":"p","children":[{"component":"strong","children":["Editor's note: Looking for the right mobile app development solution for your business? Fill out the below questionnaire to have our vendor partners contact you about your needs."]}]},{"component":"RfqWidget","props":{"className":"bz-form-widget","id":"bz-form-widget-0","widgetCategoryId":"10420"},"children":[" "]},{"component":"h2","props":{"id":"what-are-progressive-web-apps"},"children":["What are progressive web apps?"]},{"component":"p","children":["Take the best aspects of a native ",{"component":"Link","props":{"href":"https://www.business.com/categories/app-maker-development-software/"},"children":["mobile app"]}," and a minimalist responsive website, and you've got a progressive web app (PWA). "]},{"component":"p","children":["First announced by Google four years ago, the format has already been adopted by many big brands, including Twitter, Forbes and Housing.com. However, thanks to the maturity of the tech required for their creation, PWAs are now becoming accessible to all, including small businesses – even those that could not have afforded to have their own app developed from scratch, which is a big part of their appeal. "]},{"component":"p","children":["As a format, PWA is designed to offer a perfect user experience; they are as reliable as a website (no apps crashing here), load as quickly as a downloaded offline app (since downloaded content is cached locally), and increase re-engagement fourfold. And again, just as Google provided tools and reference guides for site owners on how to make sure their sites are compliant and mobile responsive, it's done it for everything relating to ",{"component":"a","props":{"href":"https://developers.google.com/web/progressive-web-apps/","target":"_blank","rel":"nofollow"},"children":["PWAs"]}," as well."]},{"component":"p","children":["In other words, a PWA offers the best mobile apps and responsive websites have to offer, packaged neatly with a launcher button on a user's smartphone home screen. They are compelling, engaging, and bringing users back time and time again. "]},{"component":"h2","props":{"id":"why-develop-a-progressive-web-app"},"children":["Why develop a progressive web app? "]},{"component":"p","children":["Essentially, it comes down to user experience. It is now possible for even the smallest businesses to give their website visitors a great experience, thanks to recent advancements with reliable hosting solutions, PWA builders, and code frameworks like Polymer, Duda and Webpack. "]},{"component":"p","children":["Many businesses understand the power of a native app but don't have the know-how or budget to bring one to life and provide ongoing support for their users. PWAs bridge the gap between the ease of a great website and the difficulty of building and supporting an amazing app. "]},{"component":"p","children":["A PWA provides an app-like user interface, almost instantaneous page load speeds, the reliability of an offline app and many of those offline capabilities, telephony features (geolocation and notifications) and the key real estate for businesses – a button on a smartphone or tablet home screen. This button gives you the opportunity to stay at the forefront of your user's mind and even become a part of their daily routine, without requiring any installations via app stores."]},{"component":"h2","props":{"id":"how-are-progressive-web-apps-more-affordable"},"children":["How are progressive web apps more affordable? "]},{"component":"p","children":["While an app built from the ground up will set you back thousands of dollars, PWAs can be added to your website's current functionality. While this feature will take some time to spread to all website design platforms, Duda has ",{"component":"a","props":{"href":"https://www.duda.co/blog/cloudfest-2018-recap-duda-11-present-on-progressive-web-apps-the-future-of-the-internet-for-smbs-2/","target":"_blank","rel":"nofollow"},"children":["already added PWA functionality"]}," for their customers to use on top of the websites they manage, and it really only takes a few clicks and some customization – a far cry from the months of development many apps take. "]},{"component":"p","children":["The benefits of finding a site builder or hosting solution that provides easy access and set up for PWA also eliminates the need for excess costs and resources to create one on your own. As the demand for such solutions continues to increase, it's only a matter of time before we see more implementation across the board from other site builders and web solutions."]},{"component":"p","children":["In fact, the cost associated with creating a progressive web app for businesses and brands was recently a discussion on ",{"component":"a","props":{"href":"https://www.quora.com/What-is-the-rough-cost-of-creating-a-progressive-web-app","target":"_blank","rel":"nofollow"},"children":["Quora"]},", where several members weighed in. The common theme of this discussion was that the price can range widely based on the needs, skills and customization that a brand might be looking for – though participants also agreed that a PWA will have much lower associated costs than that of attempting to create a new mobile application from scratch."]},{"component":"h2","props":{"id":"how-is-a-pwa-different-from-and-better-than-my-website"},"children":["How is a PWA different from and better than my website?"]},{"component":"p","children":["In 2017, ",{"component":"a","props":{"href":"https://www.comscore.com/Insights/Presentations-and-Whitepapers/2017/The-2017-US-Mobile-App-Report","target":"_blank","rel":"nofollow"},"children":["Comscore's U.S. Mobile App Report"]}," found that although users do much of their web browsing from their devices, they spend the majority of time on their smartphones using apps. Most of us would be able to agree: While we are more than happy to ask Siri or Google to help us with a query, we'll open a social media, shopping or gaming app when we're simply spending time on our smartphones. "]},{"component":"p","children":["While responsive websites are vital to every business's online presence, an app is conducive to a longer period of browsing and an overall better experience for mobile users. A website is for information, while a PWA is for connecting with other people, brands, relaxing and being productive. "]},{"component":"p","children":["When a member of your audience creates a home screen shortcut to your PWA, they are not only showing an interest in what you have to offer but are making a commitment – much like joining an email list. It's then up to the company or brand to continue to provide that same value and engagement that one would expect as if they were joining a mailing list to get updates, deals or exclusive opportunities that others might not."]},{"component":"p","children":["With a PWA, you can immediately show users exactly what you can offer them using personalized push notifications. For Android users, website visitors will be notified that they'll have a better experience if they install your PWA, so pushing people toward your PWA will not require you to prompt them or hope they stumble on it while browsing Google Play and, likely in the future, the iOS App Store. "]},{"component":"h2","props":{"id":"why-do-i-need-a-pwa"},"children":["Why do I need a PWA?"]},{"component":"p","children":["While a PWA is not a necessity, it is a key way to ",{"component":"Link","props":{"href":"https://www.business.com/articles/using-progressive-web-apps/"},"children":["deepen your relationship with current and future customers"]}," while also overcoming the difficult hurdle of getting website visitors to return. Many people become numb to the prompts to join an email list and often don't take the next step to open and read the emails, but if you can get a customer to integrate a PWA into their life, you'll create true brand loyalty. "]},{"component":"p","children":["Lastly, as referenced throughout the article, you should also remember the preference Google has expressed for responsive websites, as it is reasonable to suspect it will feel the same way about PWAs in the future. So, if SEO is a key strategy in your marketing, as it should be, adopting a PWA for your business, or influencing your clients to do so, will likely be a smart move that pays dividends in the future. "]}]},"resource":null,"sponsorship":null,"thumbnail":{"path":"https://staging.business.com/images/content/5dc/b4d7c7b4374a4758b457b/1500-0-","caption":"undefined undefined / Getty Images","isBlurred":false},"bestPicks":null},"related":{"relatedArticles":[{"title":"5 Mobile Device Marketing Strategies for Your Small Business","canonical":"https://www.business.com/articles/4-mobile-device-marketing-strategies-for-your-small-business/","slug":"4-mobile-device-marketing-strategies-for-your-small-business","thumbnail":"https://www.business.com/images/content/5dc/300585a215eac178b4570/1500-0-","dek":"Your small business needs a mobile marketing strategy.","lastModified":"2019-11-08T20:00:00Z","published":"2019-11-08T20:00:00Z","sponsored":false},{"title":"Brand Reputation: How to Protect Your No. 1 Asset","canonical":"https://www.business.com/articles/protect-brand-reputation/","slug":"protect-brand-reputation","thumbnail":"https://www.business.com/images/content/5e0/6a8407b4374280b8b4573/1500-0-","dek":"Your most valuable asset is your brand reputation. Learn how to protect it.","lastModified":"2019-12-31T17:00:00Z","published":"2019-12-31T17:00:00Z","sponsored":false},{"title":"UX and Conversion Rate Optimization: What You Need to Know","canonical":"https://www.business.com/articles/ux-and-conversion-rate-optimization/","slug":"ux-and-conversion-rate-optimization","thumbnail":"https://www.business.com/images/content/5ef/dec7b5a215eaa0e8b457b/1500-0-","dek":"UX and conversion rate optimization are two critical aspects of your business. Learn how to improve these elements on your website and how they tie together to form an unmatched customer experience.","lastModified":"2020-07-02T20:18:00Z","published":"2020-07-02T20:18:00Z","sponsored":false},{"title":"How Can Businesses Thrive in the Age of Digital Demand?","canonical":"https://www.business.com/articles/business-in-the-age-of-digital-demand/","slug":"business-in-the-age-of-digital-demand","thumbnail":"https://www.business.com/images/content/5da/f8d8d5a215ef63a8b456e/1500-0-","dek":"Learn how brick-and-mortar businesses are using technology to succeed in a digital world.","lastModified":"2019-10-23T16:00:00Z","published":"2019-10-23T16:00:00Z","sponsored":false},{"title":"Logo Remixes: Are These Big Brand Logo Changes Hits or Misses?","canonical":"https://www.business.com/articles/are-these-big-brand-logo-changes-hits-or-misses/","slug":"are-these-big-brand-logo-changes-hits-or-misses","thumbnail":"https://www.business.com/images/channel/marketing.jpg","dek":"Let's take a close look at big brand logo design successes and failures, plus key takeaways for your business.","lastModified":"2015-09-23T16:00:00Z","published":"2015-09-23T16:00:00Z","sponsored":false},{"title":"How Technology Helps Level the Playing Field for Small Business Marketers","canonical":"https://www.business.com/articles/technology-small-business-marketing/","slug":"technology-small-business-marketing","thumbnail":"https://www.business.com/images/content/5d2/4ebc75a215ecb778b4585/1500-0-","dek":"Technology gives small business the ability to compete with competition of any size.","lastModified":"2019-07-11T12:00:00Z","published":"2019-07-11T12:00:00Z","sponsored":false},{"title":"How to Drive Sales With Google Ads","canonical":"https://www.business.com/articles/google-adwords-how-to/","slug":"google-adwords-how-to","thumbnail":"https://www.business.com/images/content/5a3/82b721039ebd1528b459a/1500-0-","dek":"Ads is a powerful tool for small businesses, but you need to know how to use it.","lastModified":"2018-09-13T18:05:00Z","published":"2018-09-13T18:05:00Z","sponsored":false},{"title":"7 Questions to Ask Before Connecting With Your Audience on Social Media.","canonical":"https://www.business.com/articles/questions-before-connecting-audience-on-social-media/","slug":"questions-before-connecting-audience-on-social-media","thumbnail":"https://www.business.com/images/content/5f3/2b6459c658add188b4567/1500-0-","dek":"Before competing with other businesses on social media, ask yourself these questions to help you craft a brand voice that sells.","lastModified":"2020-08-11T20:41:00Z","published":"2020-08-11T20:41:00Z","sponsored":false},{"title":"4 Reasons Why You Should Use Paid Social Ads","canonical":"https://www.business.com/articles/reasons-paid-social-ads-required/","slug":"reasons-paid-social-ads-required","thumbnail":"https://www.business.com/images/content/5c9/ccf655a215e4e228b4576/1500-0-","dek":"If you're launching a business or service, you really should invest in ads.","lastModified":"2019-04-02T16:05:00Z","published":"2019-04-02T16:05:00Z","sponsored":false},{"title":"4 Tips to Improve Your Website's UX","canonical":"https://www.business.com/articles/4-tips-to-improve-website-ux/","slug":"4-tips-to-improve-website-ux","thumbnail":"https://www.business.com/images/content/5da/7b5309c658a69608b457d/1500-0-","dek":"Your product, service or content won't be enough if customers have a frustrating experience on your website. Here's how to improve the user experience on your site.","lastModified":"2019-10-21T15:00:00Z","published":"2019-10-21T15:00:00Z","sponsored":false},{"title":"How to Manage Digital Marketing for Small Business","canonical":"https://www.business.com/articles/the-digital-marketing-revolution-and-how-small-business-owners-can-keep-up/","slug":"the-digital-marketing-revolution-and-how-small-business-owners-can-keep-up","thumbnail":"https://www.business.com/images/content/5db/99fc09c658a1b268b4579/1500-0-","dek":"As the digital marketing landscape changes and evolves, what small business owners need to know in order to stay ahead of the curve.","lastModified":"2019-11-01T18:00:00Z","published":"2019-11-01T18:00:00Z","sponsored":false},{"title":"How to Measure Your Brand Awareness Online","canonical":"https://www.business.com/articles/measure-brand-awareness-online/","slug":"measure-brand-awareness-online","thumbnail":"https://www.business.com/images/content/5d2/ca6d27b43743d478b457b/1500-0-","dek":"The more consumers are aware of your brand, the likelier you are to gain their business.","lastModified":"2019-07-16T14:00:00Z","published":"2019-07-16T14:00:00Z","sponsored":false}],"relatedReviews":[{"doc_type":"category","thumbnail":"https://staging.business.com/images/rz/5df908cc5a215e8c4a8b4568/conferencecall_Antonio_Diaz_Getty.jpg","canonical":"https://staging.business.com/categories/best-conference-call-services/","title":"The Best Conference Call Services of 2021","dek":"Which conference call service is right for your business in 2021? We review the top-rated services.","slug":"best-conference-call-services","lastModified":"2021-03-17T18:17:00Z"},{"doc_type":"category","thumbnail":"https://staging.business.com/images/rz/5e00d4787b43745d6a8b456e/Laptop_undrey_getty.jpg","canonical":"https://staging.business.com/categories/employee-monitoring-software/","title":"The Best Employee Monitoring Software of 2021","dek":"We've narrowed down the best employee monitoring software for businesses. Check out our best picks and reviews.","slug":"employee-monitoring-software","lastModified":"2021-03-05T15:40:00Z"},{"doc_type":"category","thumbnail":"https://staging.business.com/images/rz/5df905909c658a7e538b4567/Faxing_junce_Getty.jpg","canonical":"https://staging.business.com/categories/online-fax-services/","title":"The Best Online Fax Services of 2021","dek":"Online fax services are growing as more companies divest from conventional fax machines in favor of an automated, scalable and cost-effective option. Here's a look at some of the best online fax services on the market. ","slug":"online-fax-services","lastModified":"2021-03-02T16:07:00Z"}],"relatedSponsoredArticles":null}},"pageContext":{"displayModified":"2019-11-14T14:00:00.000Z","template":"v1","title":"Progressive Web Apps: The New Must-Have Format for Mobile Branding","meta":{"robots":"index, follow"},"docType":"articles","slug":"progressive-web-apps","canonical":"https://staging.business.com/articles/progressive-web-apps/","skipTOC":false}},"staticQueryHashes":[]}