{"id":36848,"date":"2023-12-19T12:28:13","date_gmt":"2023-12-19T09:28:13","guid":{"rendered":"https:\/\/orbitsoft.com\/blog\/?p=36848"},"modified":"2023-12-19T12:31:04","modified_gmt":"2023-12-19T09:31:04","slug":"what-is-pwa","status":"publish","type":"post","link":"https:\/\/orbitsoft.com\/blog\/what-is-pwa\/","title":{"rendered":"What are PWA Applications, Who Needs them, their Pros and Cons\u00a0"},"content":{"rendered":"\n<p>PWA apps are quite a recent trend in front-end development that has been gaining popularity since 2018. Such renowned companies as AliExpress, Twitter, Forbes, Tinder, Starbucks, and Uber have their own PWAs. In today\u2019s article we are giving you an insight to the pros and cons of the technology and discussing who may need a PWA and for what purpose.\u00a0<br><\/p>\n\n\n<div class=\"wp-block-lazyblock-heading lazyblock-heading-Z1hebzQ\"><h2 class=\"article__h\">What is a PWA  <\/h2><\/div>\n\n\n<p>PWA is deciphered as progressive web apps, being an interim solution between a mobile app and a website.\u00a0<\/p>\n\n\n\n<p>A PWA website is developed according to a certain methodology. This way, it can be downloaded to a device as a regular mobile application. It has a home screen shortcut, allows for push notifications and can work offline. Yet, a PWA opens via browser, like any other website. This way, you receive both a website and an application which can be controlled through a single CMS.\u00a0<\/p>\n\n\n<div class=\"wp-block-lazyblock-heading lazyblock-heading-Z18qxqo\"><h2 class=\"article__h\">How a PWA Works <\/h2><\/div>\n\n\n<p>PWA apps are based on HTML, CSS and JavaScript programming language. The following 4 key points are required for building a PWA:<\/p>\n\n\n\n<ol>\n<li>A proxy layer Service Worker is placed between the frontend and the backend. This is a JavaScript file which is connected through the HTML code with the help of pages. It takes place in the browser and processes all the browser queries. The Service Worker also has access to IndexDB for data storage and Cache Storage for web resources.<\/li>\n\n\n\n<li>Website resources are transmitted via an HTTPS protocol. If a website has links to unsecured resources, some browsers might display the content incorrectly.<\/li>\n\n\n\n<li>An Application Shell is a template for a graphical interface. It is stored on the client\u2019s side and uploaded at launch. Dynamic information is uploaded from the network further on.<\/li>\n\n\n\n<li>Web App manifest is a JSON file which determines the way the product looks before launch. It sets the title and makes the icon similar to the native application\u2019s one.<\/li>\n<\/ol>\n\n\n\n<p><img decoding=\"async\" loading=\"lazy\" width=\"602\" height=\"281\" src=\"https:\/\/lh7-us.googleusercontent.com\/9VinqVFQwTguvfcF6da6A735FKcWEWaLghQOCnFGzokUqsK7MjyuahNoedAFArMU1ReW2EM1IkVWRtNLIiRSI4k3lWyKrnY1mJZ5u1PXbOqoqHhdLjsBEAx6Fw3QLPNxdCH9Ht0Ow5lNcpkAmUJVngA\"><\/p>\n\n\n<div class=\"wp-block-lazyblock-heading lazyblock-heading-Z2lhAdv\"><h2 class=\"article__h\">The Advantages of a PWA <\/h2><\/div>\n\n\n<ul>\n<li><strong>Cost-efficient and quick development process.<\/strong> Two development teams are needed for the development of native applications for Android and iOS, whereas one team can handle the creation of a PWA. If your website already exists, it can be transmitted to a PWA automatically by means of certain constructors. Such a project can be deployed in a day.<\/li>\n\n\n\n<li><strong>A cross-platform application<\/strong>. A PWA can be launched via any operating system and any browser, yet there might be some restrictions.<\/li>\n\n\n\n<li><strong>Low weight.<\/strong> A progressive web application can take only 1-2 Mb of device memory. It might take up to 50Mb, whereas a native application takes over 100 Mb.<\/li>\n\n\n\n<li><strong>Ease of setup.<\/strong> The link to download your application can be placed on a corporate website, sent via SMS, messenger or a QR code. This boosts the conversion into new users. A personal link keeps on working, even if external platforms temporarily ban certain developers or users. The user can add an app icon to their home screen.<\/li>\n\n\n\n<li><strong>No relation to stores<\/strong>. A PWA can exist without being published on Google Play and App Store. Consequently, developers don\u2019t need to adapt their products to their requirements and negotiate the process of publishing the app. Nevertheless, it is technically possible if a special programming wrapping is created.<\/li>\n\n\n\n<li><strong>High performance<\/strong>, which is not far away from native applications. The page copies are stored in browser cash and are downloaded without any pauses.<\/li>\n\n\n\n<li><strong>Offline access to certain functions.<\/strong> For instance, lyrics can be added to the bookmarks, and the user can listen to them offline.<\/li>\n\n\n\n<li><strong>Optimized content management process<\/strong>. Website CMS helps to update the content of both the website and the PWA based on it. It saves admin\u2019s time.<\/li>\n\n\n\n<li><strong>No manual upgrades<\/strong>. Recent versions are automatically launched as soon as the user opens the application.<\/li>\n\n\n\n<li><strong>Easy retargeting.<\/strong> PWA apps can send push-notifications. This increases the conversion of interested leads into long-term clients.<\/li>\n\n\n\n<li><strong>SEO optimized view<\/strong>. Google, Bing and other search engines index PWA in the same way as websites.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-lazyblock-heading lazyblock-heading-Z1ygebO\"><h2 class=\"article__h\">The Disadvantages of a PWA <\/h2><\/div>\n\n\n<ul>\n<li><strong>The technology is still in the development process.<\/strong> Thus, it will take some time to enhance the user experience.<\/li>\n\n\n\n<li><strong>The device battery runs out quicker<\/strong> if the user applies a cross-platform application. The reason why it happens is the use of JavaScript.<\/li>\n\n\n\n<li><strong>PWA apps are not published in the stores as a rule<\/strong>. We have already mentioned this point as an advantage, yet it is a great drawback at the same time. AppStore and Google Play lead to a great inflow of audience. A group of people look for official apps there, not on the company&#8217;s website. Apart from that, the stores check if an application is sage enough&nbsp; to download, whereas a corporate website cannot guarantee that. It ends up screening out the audience.<\/li>\n\n\n\n<li><strong>PWA functions are restricted<\/strong>. For instance, they cannot get any access to the users\u2019 calendar or contact list, in stark contrast to mobile applications. This is the reason why the technology is not the perfect fit for developing time, task and project management tools.<\/li>\n\n\n\n<li><strong>PWAs for Apple devices have additional restrictions.<\/strong> The progressive web technology is not compatible with Bluetooth and Touch ID for iOS. It does not allow for sending notifications via Safari, yet the rest of the search engines do not impose such a restriction. These drawbacks are highly unlikely to get eliminated. The goal of the corporation is to support the talents, without letting them spray on somebody else\u2019s technologies.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-lazyblock-banner lazyblock-banner-mgwmL\"><div \n  class=\"banner\n   \n  \" \n  >\n    <div class=\"banner__body\">\n        <h2 class=\"banner__h\"><strong><br><strong>Turn-key development of projects of any complexity<\/strong><\/strong><\/h2>\n        <div class=\"banner__content\">\n            <ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Customized development and optimization of websites, online stores, mobile applications, corporate platforms, and databases;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">An assembled development team for outsourcing the creation of customized IT solutions;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Coding in JavaScript, Python, PHP with the use of such frameworks as Vue.js, Angular, laravel, Django, Express.js, etc.<\/span><\/li>\n<\/ul>        <\/div>\n                            <div \n              class=\"banner__button button js-form-modal\n               button_style_light-on-promo2\">\n              Get a free consultation                          <\/div>\n            <\/div>\n    <div class=\"banner__photo\">\n        <img decoding=\"async\" src=\"https:\/\/orbitsoft.com\/blog\/wp-content\/uploads\/go.png\" alt=\"\" class=\"banner__img\">\n    <\/div>\n<\/div><\/div>\n\n<div class=\"wp-block-lazyblock-heading lazyblock-heading-ZRE94v\"><h2 class=\"article__h\">Who PWA Apps are the Perfect Fit for <\/h2><\/div>\n\n\n<p>PWA applications are the perfect fit for the businesses in e-commerce, online media, booking service, e-learning courses, restaurants and cafes, banks and organizations that provide financial and insurance services.<\/p>\n\n\n\n<p>Such a technology will also be appropriate for the businesses from other spheres that<\/p>\n\n\n\n<ul>\n<li>Are searching for clients and are communicating with them via the Internet. The high load speed is essential here. In case a person sees a blank screen they might lose their patience and address another company.<\/li>\n\n\n\n<li>Are competing with a wide range of other companies in SERP. A PWA is indexed by search engines, unlike mobile applications.<\/li>\n\n\n\n<li>Create services for users who don\u2019t have access to the Internet or are roaming. Fishermen and travelers are a great example here. Traffic consumption in progressive web technology is minimal, so a number of functions are available offline.<\/li>\n\n\n\n<li>Are willing to save money at launch. The cost of PWA development is comparable to website development and far less than the one of native applications.<\/li>\n\n\n\n<li>Are attempting to increase the average check and the number of re-sales. PWAs make it possible to accomplish with the help of retargeting and push notifications.&nbsp;<\/li>\n\n\n\n<li>Would love to expand their audience. Offline viewing, icons on the home screen and fast-loading content are advantageous for online media.<\/li>\n\n\n\n<li>Need to assure data safety. HTTPS allows for data privacy, and it\u2019s vital for&nbsp; financial, bank and insurance services.&nbsp;<\/li>\n\n\n\n<li>Are planning to develop an application that duplicates the functions of the website.&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-lazyblock-heading lazyblock-heading-Z1C9deY\"><h2 class=\"article__h\">When a PWA Technology Isn\u2019t The Best Option <\/h2><\/div>\n\n\n<p>The data is updated with a delay via a PWA app. That\u2019s not a deal breaker for e-commerce, educational courses and reading articles. Yet, trading and sports betting will not benefit from a PWA since every second matters.The Way Top Brands Boosted their Performance With the Help of Progressive Web<\/p>\n\n\n\n<ul>\n<li><a href=\"https:\/\/storage.googleapis.com\/web-dev-uploads\/file\/T4FyVKpzu4WKF1kBNvXepbi08t52\/ODQ7ENAMWwMMS9SoQxup.pdf\" rel=\"nofollow\">AliExpress<\/a> has increased the user session time in each browser by 74%. The conversion into iOS has gone up by 82%. The platform has attracted more users via each browser by 104%.<\/li>\n\n\n\n<li>Thanks to the progressive technology, the number of taxi calls from desktop devices has increased to 30% out of all the <a href=\"https:\/\/www.uber.com\/blog\/m-uber\/\" rel=\"nofollow\">Uber <\/a>clients.<\/li>\n\n\n\n<li><a href=\"https:\/\/www.simicart.com\/blog\/pwa-case-studies\/\">Pinterest <\/a>has boosted their profit from advertising by 44%. The users started spending 40% more time on the platform as compared to the previous mobile web interface. The key interaction indicator has increased by 60% gratefully to the progressive web technology.<\/li>\n<\/ul>\n\n\n\n<p>These are the renowned companies all over the globe. Yet, SMBs can also benefit from progressive web.<\/p>\n\n\n<div class=\"wp-block-lazyblock-heading lazyblock-heading-Z1CXbqG\"><h2 class=\"article__h\">To summarize  <\/h2><\/div>\n\n\n<p>A progressive web application is an interim option between a mobile app and website. It is based on HTML, CSS and JavaScript programming languages.&nbsp;<\/p>\n\n\n\n<p>The main advantages of the technology are a quick and inexpensive development, cross-platform usage, offline mode, the possibility of push-notifications, cheap retargeting and visibility to search engines.<\/p>\n\n\n\n<p>The disadvantages of PWAs include the inability to download an app from App Store or Google Play, rapid battery discharge and limited functionality for iOS.<\/p>\n\n\n\n<p>Progressive web is the right choice for companies that are searching for clients via the Internet and are communicating with their customers online. They are not an option for a business that requires data update with millisecond precision.&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>PWA apps are quite a recent trend in front-end development that has been gaining popularity since 2018. Such renowned companies as AliExpress, Twitter, Forbes, Tinder, Starbucks, and Uber have their own PWAs. In today\u2019s article we are giving you an insight to the pros and cons of the technology and discussing who may need a [&hellip;]<\/p>\n","protected":false},"author":214,"featured_media":36849,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[195],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What are PWA Applications, Who Needs them, their Pros and Cons\u00a0 - OrbitSoft Blog<\/title>\n<meta name=\"description\" content=\"What are PWA Applications, Who Needs them, their Pros and Cons\u00a0\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/orbitsoft.com\/blog\/what-is-pwa\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"What are PWA Applications, Who Needs them, their Pros and Cons\u00a0 - OrbitSoft Blog\" \/>\n<meta name=\"twitter:description\" content=\"What are PWA Applications, Who Needs them, their Pros and Cons\u00a0\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/orbitsoft.com\/blog\/wp-content\/uploads\/tg_image_3016720901.jpeg\" \/>\n<meta name=\"twitter:creator\" content=\"@orbitsoft\" \/>\n<meta name=\"twitter:site\" content=\"@orbitsoft\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"elevina\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What are PWA Applications, Who Needs them, their Pros and Cons\u00a0 - OrbitSoft Blog","description":"What are PWA Applications, Who Needs them, their Pros and Cons\u00a0","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:\/\/orbitsoft.com\/blog\/what-is-pwa\/","twitter_card":"summary_large_image","twitter_title":"What are PWA Applications, Who Needs them, their Pros and Cons\u00a0 - OrbitSoft Blog","twitter_description":"What are PWA Applications, Who Needs them, their Pros and Cons\u00a0","twitter_image":"https:\/\/orbitsoft.com\/blog\/wp-content\/uploads\/tg_image_3016720901.jpeg","twitter_creator":"@orbitsoft","twitter_site":"@orbitsoft","twitter_misc":{"Written by":"elevina","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/orbitsoft.com\/blog\/what-is-pwa\/","url":"https:\/\/orbitsoft.com\/blog\/what-is-pwa\/","name":"What are PWA Applications, Who Needs them, their Pros and Cons\u00a0 - OrbitSoft Blog","isPartOf":{"@id":"https:\/\/orbitsoft.com\/blog\/#website"},"datePublished":"2023-12-19T09:28:13+00:00","dateModified":"2023-12-19T09:31:04+00:00","author":{"@id":"https:\/\/orbitsoft.com\/blog\/#\/schema\/person\/f96c7f7c1bcb1cdf7e1750794548b6fa"},"description":"What are PWA Applications, Who Needs them, their Pros and Cons\u00a0","breadcrumb":{"@id":"https:\/\/orbitsoft.com\/blog\/what-is-pwa\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/orbitsoft.com\/blog\/what-is-pwa\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/orbitsoft.com\/blog\/what-is-pwa\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/orbitsoft.com\/blog\/"},{"@type":"ListItem","position":2,"name":"What are PWA Applications, Who Needs them, their Pros and Cons\u00a0"}]},{"@type":"WebSite","@id":"https:\/\/orbitsoft.com\/blog\/#website","url":"https:\/\/orbitsoft.com\/blog\/","name":"OrbitSoft Blog","description":"Discover the latest in news and resources for OrbitSoft","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/orbitsoft.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/orbitsoft.com\/blog\/#\/schema\/person\/f96c7f7c1bcb1cdf7e1750794548b6fa","name":"elevina","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/orbitsoft.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9f569b41ea8902fc571542fc77005a24?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9f569b41ea8902fc571542fc77005a24?s=96&d=mm&r=g","caption":"elevina"},"url":"https:\/\/orbitsoft.com\/blog\/author\/elevina\/"}]}},"_links":{"self":[{"href":"https:\/\/orbitsoft.com\/blog\/wp-json\/wp\/v2\/posts\/36848"}],"collection":[{"href":"https:\/\/orbitsoft.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/orbitsoft.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/orbitsoft.com\/blog\/wp-json\/wp\/v2\/users\/214"}],"replies":[{"embeddable":true,"href":"https:\/\/orbitsoft.com\/blog\/wp-json\/wp\/v2\/comments?post=36848"}],"version-history":[{"count":4,"href":"https:\/\/orbitsoft.com\/blog\/wp-json\/wp\/v2\/posts\/36848\/revisions"}],"predecessor-version":[{"id":36853,"href":"https:\/\/orbitsoft.com\/blog\/wp-json\/wp\/v2\/posts\/36848\/revisions\/36853"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/orbitsoft.com\/blog\/wp-json\/wp\/v2\/media\/36849"}],"wp:attachment":[{"href":"https:\/\/orbitsoft.com\/blog\/wp-json\/wp\/v2\/media?parent=36848"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/orbitsoft.com\/blog\/wp-json\/wp\/v2\/categories?post=36848"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/orbitsoft.com\/blog\/wp-json\/wp\/v2\/tags?post=36848"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}