{"id":3225,"date":"2018-02-12T11:46:30","date_gmt":"2018-02-12T06:16:30","guid":{"rendered":"https:\/\/code4developers.com\/?p=3225"},"modified":"2018-02-19T23:16:18","modified_gmt":"2018-02-19T17:46:18","slug":"why-progressive-web-apps","status":"publish","type":"post","link":"https:\/\/code4developers.com\/why-progressive-web-apps\/","title":{"rendered":"Why Progressive Web Apps?"},"content":{"rendered":"

What if I tell you, by creating a website\/webapp you can fulfill the requirement of having mobile application. Yes, that\u2019s true, the concept of creating such an app is called Progressive Web Apps. They called it Progressive because it builds with the core principle of Progressive Enhancement.<\/p>\n

In this article we will talk about some benefits, awesome statistics, and main components that make your web app a progressive web app.<\/p>\n

What is Progressive Web Apps?<\/strong><\/h4>\n

It is an application which does not required any installation. It starts action from the very first visit of user to the website. As user interact with it more and more it become more smooth, fast, and powerful too. If user don\u2019t have network, do worry it will still work, it also sends relevant push notification to the user. And yes, user will have icon on home screen to start using it. This is progressive web apps which make you fall in love with it.<\/p>\n

Now, if you are looking for benefits of creating Progressive Web Apps than you should read my previous article here at\u00a0 https:\/\/code4developers.com\/benefits-of-creating-progressive-web-apps\/<\/a><\/p>\n

Why Progressive Web Apps are talk of the town?<\/strong><\/h4>\n

In 2017 lots of businesses canceled their strategy of mobile only business to web. I still remember the day when Flipkart started \u201cBIG BILLION DAY<\/strong>\u201d sale in India to promote its mobile app only strategy and were giving discount on the purchase from App only, and I was the one who bought pair of shoes. Then Flipkart comes up with the Progressive Web Apps and everything changes. Let\u2019s see some interesting statistics (source: https:\/\/www.pwastats.com<\/a>) of some famous websites which are getting benefit from Progressive Web Apps<\/p>\n

 <\/p>\n

Flipkart<\/strong>: Flipkart\u2019s PWA is driving 50% of its new customer acquisition. Nearly 60% of visitors to the PWA had previously uninstalled the native app primarily to save space.<\/p>\n

Twitter<\/strong>: Twitter Lite saw a 65% increase in pages per session, 75% in Tweets, and a 20% decrease in bounce rate, Twitter Lite loads in under 3 seconds for repeat visits even on slow networks.<\/p>\n

AliExpress<\/strong>: AliExpress improved conversion rate for new users by 104% across all browsers, with 2* more pages visited and 74% more time spent per sessions.<\/p>\n

BookMyShow: <\/strong>BookMyShow\u2019s PWA takes less than 3 seconds to load and increased conversion rates over 80%. The PWA is 54* smaller than Android and 180* smaller than iOS app.<\/p>\n

OLX: <\/strong>OLX experienced 250% more re-engagement using push notifications and 146% higher click-through rate on ads. The PWA takes 23% less time to interactive resulting in 80% lower bounce rates.<\/p>\n","protected":false},"excerpt":{"rendered":"

What if I tell you, by creating a website\/webapp you can fulfill the requirement of having mobile application. Yes, that\u2019s true, the concept of creating such an app is called…<\/p>\n","protected":false},"author":4,"featured_media":3226,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[20],"tags":[],"powerkit_post_featured":[],"class_list":{"0":"post-3225","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-progressive-web-apps"},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/code4developers.com\/wp-content\/uploads\/2018\/02\/what-is-pwa-img.png?fit=1400%2C940&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8NAi4-Q1","jetpack-related-posts":[{"id":3614,"url":"https:\/\/code4developers.com\/how-to-convert-wordpress-website-to-progressive-web-app\/","url_meta":{"origin":3225,"position":0},"title":"How to convert WordPress website to Progressive Web App","author":"Yatendrasinh Joddha","date":"May 17, 2018","format":false,"excerpt":"Progressive Web Apps are talk of the town, and your favorite Code4Developers is not far from using this feature. Yes, you read it true, we are now glittered with awesome features of Progressive Web Apps. In this article we will talk how and what we have done with this feature.\u2026","rel":"","context":"In "Progressive Web Apps"","block_context":{"text":"Progressive Web Apps","link":"https:\/\/code4developers.com\/category\/progressive-web-apps\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/code4developers.com\/wp-content\/uploads\/2018\/04\/what-is-pwa-img.png?fit=1200%2C806&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/code4developers.com\/wp-content\/uploads\/2018\/04\/what-is-pwa-img.png?fit=1200%2C806&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/code4developers.com\/wp-content\/uploads\/2018\/04\/what-is-pwa-img.png?fit=1200%2C806&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/code4developers.com\/wp-content\/uploads\/2018\/04\/what-is-pwa-img.png?fit=1200%2C806&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/code4developers.com\/wp-content\/uploads\/2018\/04\/what-is-pwa-img.png?fit=1200%2C806&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":2551,"url":"https:\/\/code4developers.com\/benefits-of-creating-progressive-web-apps\/","url_meta":{"origin":3225,"position":1},"title":"Benefits Of Creating Progressive Web Apps","author":"Yatendrasinh Joddha","date":"June 4, 2017","format":false,"excerpt":"Progressive Web Apps (PWA) are a concept of creating a Web site in such a way that it will behave and look like an application. Progressive Web Apps are created to fill the gap between mobile Applications and the Website. Key benefits No app store submission requirements It is quite\u2026","rel":"","context":"In "Progressive Web Apps"","block_context":{"text":"Progressive Web Apps","link":"https:\/\/code4developers.com\/category\/progressive-web-apps\/"},"img":{"alt_text":"PWA","src":"https:\/\/i0.wp.com\/code4developers.com\/wp-content\/uploads\/2018\/02\/what-is-pwa-img.png?fit=1200%2C806&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/code4developers.com\/wp-content\/uploads\/2018\/02\/what-is-pwa-img.png?fit=1200%2C806&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/code4developers.com\/wp-content\/uploads\/2018\/02\/what-is-pwa-img.png?fit=1200%2C806&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/code4developers.com\/wp-content\/uploads\/2018\/02\/what-is-pwa-img.png?fit=1200%2C806&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/code4developers.com\/wp-content\/uploads\/2018\/02\/what-is-pwa-img.png?fit=1200%2C806&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":3412,"url":"https:\/\/code4developers.com\/capacitor-new-native-bridge-web-apps\/","url_meta":{"origin":3225,"position":2},"title":"Capacitor – A New Native Bridge for Web Apps","author":"Arif Khoja","date":"April 7, 2018","format":false,"excerpt":"A short while ago, the Ionic team announced that they were working on a project called \u201cAvocado\u201d which later took on its official moniker of Capacitor. In this article, I want to introduce you to Capacitor and what it will do. I will get into the specifics soon (and we\u2026","rel":"","context":"In "Ionic"","block_context":{"text":"Ionic","link":"https:\/\/code4developers.com\/category\/ionic\/"},"img":{"alt_text":"Catch","src":"https:\/\/i0.wp.com\/code4developers.com\/wp-content\/uploads\/2018\/04\/Screenshot-2018-02-07-12.11.05-300x26.png?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/code4developers.com\/wp-content\/uploads\/2018\/04\/Screenshot-2018-02-07-12.11.05-300x26.png?resize=350%2C200 1x, https:\/\/i0.wp.com\/code4developers.com\/wp-content\/uploads\/2018\/04\/Screenshot-2018-02-07-12.11.05-300x26.png?resize=525%2C300 1.5x, https:\/\/i0.wp.com\/code4developers.com\/wp-content\/uploads\/2018\/04\/Screenshot-2018-02-07-12.11.05-300x26.png?resize=700%2C400 2x"},"classes":[]},{"id":3457,"url":"https:\/\/code4developers.com\/native-html5-games-with-phaser-and-capacitor\/","url_meta":{"origin":3225,"position":3},"title":"Native HTML5 Games with Phaser and Capacitor","author":"Arif Khoja","date":"April 17, 2018","format":false,"excerpt":"Building HTML5 games with Phaser has been somewhat of a hobby of mine over the past few years, and I will be writing a few tutorials about Phaser with a focus on developing HTML5 games for mobile. However, despite having created a few mostly finished games most of them never\u2026","rel":"","context":"In "Phaser"","block_context":{"text":"Phaser","link":"https:\/\/code4developers.com\/category\/phaser\/"},"img":{"alt_text":"phaser-starter-demo","src":"https:\/\/i0.wp.com\/code4developers.com\/wp-content\/uploads\/2018\/04\/phaser-starter-demo-1-300x227.gif?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":3376,"url":"https:\/\/code4developers.com\/ionic-project-structure-installation\/","url_meta":{"origin":3225,"position":4},"title":"Ionic Project Structure and Installation","author":"Pratik Maniar","date":"April 1, 2018","format":false,"excerpt":"Ionic is a framework for web developers to develop a mobile application. It is used to create an hybrid application which works as an native apps. Using Ionic we can build mobile, web, and desktop applications with one shared code. In this getting started with Ionic article we will talk\u2026","rel":"","context":"In "Ionic"","block_context":{"text":"Ionic","link":"https:\/\/code4developers.com\/category\/ionic\/"},"img":{"alt_text":"Ionic","src":"https:\/\/i0.wp.com\/code4developers.com\/wp-content\/uploads\/2018\/03\/Ionic-And-its-Tools-in-Brief-scaled.jpg?fit=1200%2C775&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/code4developers.com\/wp-content\/uploads\/2018\/03\/Ionic-And-its-Tools-in-Brief-scaled.jpg?fit=1200%2C775&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/code4developers.com\/wp-content\/uploads\/2018\/03\/Ionic-And-its-Tools-in-Brief-scaled.jpg?fit=1200%2C775&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/code4developers.com\/wp-content\/uploads\/2018\/03\/Ionic-And-its-Tools-in-Brief-scaled.jpg?fit=1200%2C775&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/code4developers.com\/wp-content\/uploads\/2018\/03\/Ionic-And-its-Tools-in-Brief-scaled.jpg?fit=1200%2C775&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":3182,"url":"https:\/\/code4developers.com\/react-blog-post-serieses-react-development\/","url_meta":{"origin":3225,"position":5},"title":"React: A blog post series about React development","author":"Arif Khoja","date":"December 30, 2017","format":false,"excerpt":"One of the first things I wrote down in my notebook as I was planning or trying to figure out if there was enough stuff to write about to do this site was a React introduction. I know React fairly well, and have been working full-time with it for quite\u2026","rel":"","context":"In "React"","block_context":{"text":"React","link":"https:\/\/code4developers.com\/category\/react\/"},"img":{"alt_text":"react","src":"https:\/\/i0.wp.com\/code4developers.com\/wp-content\/uploads\/2017\/12\/react_2.png?fit=375%2C375&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]}],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/code4developers.com\/wp-json\/wp\/v2\/posts\/3225","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/code4developers.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/code4developers.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/code4developers.com\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/code4developers.com\/wp-json\/wp\/v2\/comments?post=3225"}],"version-history":[{"count":1,"href":"https:\/\/code4developers.com\/wp-json\/wp\/v2\/posts\/3225\/revisions"}],"predecessor-version":[{"id":3227,"href":"https:\/\/code4developers.com\/wp-json\/wp\/v2\/posts\/3225\/revisions\/3227"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/code4developers.com\/wp-json\/wp\/v2\/media\/3226"}],"wp:attachment":[{"href":"https:\/\/code4developers.com\/wp-json\/wp\/v2\/media?parent=3225"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/code4developers.com\/wp-json\/wp\/v2\/categories?post=3225"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/code4developers.com\/wp-json\/wp\/v2\/tags?post=3225"},{"taxonomy":"powerkit_post_featured","embeddable":true,"href":"https:\/\/code4developers.com\/wp-json\/wp\/v2\/powerkit_post_featured?post=3225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}