{"id":13838,"date":"2020-10-14T07:50:53","date_gmt":"2020-10-14T07:50:53","guid":{"rendered":"https:\/\/codeandpepper.com\/?p=13838"},"modified":"2020-11-29T16:14:42","modified_gmt":"2020-11-29T16:14:42","slug":"progressive-web-apps-immersive-user-experience","status":"publish","type":"post","link":"https:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/","title":{"rendered":"Progressive Web Apps: Towards an Immersive User Experience"},"content":{"rendered":"\n<p>Progressive Web Apps have gone from buzzword to mainstream in record time. Freeing the user experience from the boundaries defined by devices and network conditions marks another step in the digital evolution. So does bridging the gap between web and native applications to offer unprecedented usability and reliability. <b>While PWAs are making headway in boosting performance and engagement, Code &amp; Pepper investigates their key features and business growth potential.<\/b><\/p>\n\n\n\n<!--more-->\n\n\n\n<div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/Progressive_Web_Apps_01.jpg\" alt=\"PWA\" class=\"wp-image-13857\" width=\"864\" height=\"450\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/Progressive_Web_Apps_01.jpg 864w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/Progressive_Web_Apps_01-300x156.jpg 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/Progressive_Web_Apps_01-768x400.jpg 768w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/Progressive_Web_Apps_01-361x188.jpg 361w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/Progressive_Web_Apps_01-192x100.jpg 192w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/Progressive_Web_Apps_01-720x375.jpg 720w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/Progressive_Web_Apps_01-432x225.jpg 432w\" sizes=\"auto, (max-width: 864px) 100vw, 864px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-progressive-web-apps-and-all-the-right-vitamins\">Progressive Web Apps and \u201call the right vitamins\u201d<\/h2>\n\n\n\n<p>PWAs are essentially websites leveraging certain properties and APIs of modern web browsers, so that they can be used in a similar way to native applications\u2014native <a href=\"https:\/\/codeandpepper.com\/services\/mobile-app-development\/\" target=\"_blank\" rel=\"noreferrer noopener\">mobile apps<\/a> in particular. One of PWA\u2019s pioneers, <a href=\"https:\/\/infrequently.org\/2015\/06\/progressive-apps-escaping-tabs-without-losing-our-soul\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Alex Russell<\/a>, called them \u201cwebsites that took all the right vitamins\u201d. A quick look at some of those pills can be a good point of departure for discussing business benefits and basic implementation requirements.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><b>Vit. A: Accessibility.<\/b> Fast and responsive by design, PWAs work great on all browser-enabled devices. But they can be also installed and launched from a desktop or home screen shortcut. Limited storage is no longer an issue, as most PWAs are ultra lightweight compared to native apps. Access to some device-specific features (such as audio and video capture) can further boost your PWA\u2019s usability.<\/li><li><b>Vit. D: Discoverability and distribution.<\/b> This pill does away with the search-and-download friction of app stores, as PWAs can be installed with one click of a button, straight from the website. Search indexing, linkability and additional SEO-friendly properties also make them more visible in search engines. Sharing and distribution of a PWA is as simple as copy and paste of the app URL.<\/li><li><b>Vit. E: Engagement and re-engagement.<\/b> Once installed, PWAs can do wonders to re-engagement, using web push notifications to communicate key events or updates based on selected criteria and user preferences. To avoid \u201c<a rel=\"noreferrer noopener\" href=\"https:\/\/developers.google.com\/web\/fundamentals\/push-notifications\/permission-ux\" target=\"_blank\">notification fatigue<\/a>\u201d, make sure users feel in control (push notifications as an opt-in feature) and recognize the value of timely and relevant messaging.<\/li><li><b>Vit. C: Connectivity independence. <\/b>This app-like property means that core app functions are available regardless of network conditions. PWAs are reliable in a number of real-life situations, like using low-end devices, working in plane mode or in places with poor or flaky Wi-Fi (aka Lie-Fi).<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-mobile-ux-more-expectations-or-less-tolerance\">Mobile UX: more expectations or less tolerance?<\/h3>\n\n\n\n<p><strong>Progressive Web Apps<\/strong><b> are a particularly hot topic in the context of mobile applications.<\/b> With the growing smartphone penetration and <a href=\"https:\/\/www.ericsson.com\/4a4e5d\/assets\/local\/mobility-report\/documents\/2020\/emr-q2-update-03092020.pdf\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">mobile data traffic<\/a> on the rise, certain aspects of mobile user experience are becoming business-critical. According to Deloitte, when it comes to mobile site performance <a href=\"https:\/\/www2.deloitte.com\/ie\/en\/pages\/consulting\/articles\/milliseconds-make-millions.html\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">milliseconds make millions<\/a>. User expectations in terms of load times are the main battleground between digital brands competing for customers\u2019 attention and loyalty. <a href=\"https:\/\/codeandpepper.com\/2019\/12\/02\/application-performance-in-fintech\/\" target=\"_blank\" rel=\"noreferrer noopener\">Optimising performance<\/a> on the UX level might be the first step to satisfying users\u2019 appetite for page speed. However, with PWAs you can take that process even further.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-household-names-by-proxy-pwa-benefits\">Household names by proxy: PWA benefits<\/h3>\n\n\n\n<p>What do Facebook, Uber, AliExpress and Twitter have in common? Well, apart from being multi-million-user platforms, they are flagship examples of PWAs put to action and rocking the mobile channels. <a href=\"https:\/\/developers.google.com\/web\/showcase\/tags\/progressive-web-apps\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Improvements across the board<\/a> is what attracts many businesses to investing in PWAs, including:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>reduced load times and bounce rates<\/li><li>lower data usage<\/li><li>reduced customer acquisition cost<\/li><li>more time spent on site per session<\/li><li>higher click-through rates and conversions<\/li><li>increased mobile use and sales<\/li><\/ul>\n\n\n\n<p>It\u2019s also worth noting that&nbsp;<b>turning a web app into a PWA can be fast&nbsp;and might prove more cost-efficient than having separate teams working on desktop and mobile versions<\/b> (not to mention separate Android and iOS versions). The same goes for maintenance, as fixes and updates can be implemented in a coordinated manner and deployed without the customary delay imposed by app stores.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-pwa-fundamentals-introducing-service-workers\">PWA fundamentals. Introducing Service Workers<\/h2>\n\n\n\n<p>Technically speaking, web apps can be defined as Progressive Web Apps if they include the following 3 components:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><b>HTTPS encryption<\/b>. This secure context is necessary to register and execute Service Workers.<\/li><li><b>Web app manifest<\/b>. A JSON text file with essential app info (name, start URL, display, icons, etc.) defining its behaviour upon launch; also used during installation and to auto-generate splash screens.<\/li><li><b>Service Worker<\/b>. An event-driven JavaScript code running in the browser. It intercepts requests from the app and provides responses from the cache or the network.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/Progressive-Web-Apps_02BB.jpg\" alt=\"PWA fundamentals\" class=\"wp-image-13885\" width=\"864\" height=\"450\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/Progressive-Web-Apps_02BB.jpg 864w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/Progressive-Web-Apps_02BB-300x156.jpg 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/Progressive-Web-Apps_02BB-768x400.jpg 768w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/Progressive-Web-Apps_02BB-361x188.jpg 361w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/Progressive-Web-Apps_02BB-192x100.jpg 192w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/Progressive-Web-Apps_02BB-720x375.jpg 720w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/Progressive-Web-Apps_02BB-432x225.jpg 432w\" sizes=\"auto, (max-width: 864px) 100vw, 864px\" \/><\/figure><\/div>\n\n\n\n<p>This strategic position in the browser enables the Service Worker to act as a proxy between the app, the Cache API (storing the App Shell and a set of file-based responses to given requests) and the network. Because of that, PWAs rely on Service Workers to:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>receive push messages from the server<\/li><li>reduce load times (depending on the preferred <a href=\"https:\/\/developers.google.com\/web\/ilt\/pwa\/introduction-to-progressive-web-app-architectures#table_of_common_caching_strategies\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">caching strategy<\/a>)<\/li><li>minimise data traffic and handle multiple caches<\/li><li>serve predefined responses in offline mode&nbsp;<\/li><li>save user-generated data until online again<\/li><li>use background synchronization<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-pwas-in-focus-check-yourself-before-you-wreck-yourself\">PWAs in focus: check yourself before you wreck yourself<\/h3>\n\n\n\n<p>Naturally, every technology has its downsides. While PWAs might be a great fit for many eCommerce, mCommerce, web publishing or <a href=\"https:\/\/medium.com\/appscope\/four-progressive-web-apps-to-help-manage-your-personal-finance-73d6707b3bed\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">personal finance<\/a> services, they can fall short under certain conditions.  Limited hardware access or lack of support for inter-app communication might affect some target groups (particularly iOS users). Checking <a href=\"https:\/\/caniuse.com\/?search=serviceworker\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">browser compatibility<\/a> for core features will give you a clearer picture of potential limitations.<\/p>\n\n\n\n<p>When in doubt as to whether your app is PWA ready, you can use the <a href=\"https:\/\/codeandpepper.com\/2020\/09\/28\/google-lighthouse-quick-guide\/\" target=\"_blank\" rel=\"noreferrer noopener\">Lighthouse tool<\/a> developed by Google. It will analyse load times, accessibility and compliance with selected best practices (security, SEO, offline access, etc.), generate a report listing all confirmed\/missing PWA features and provide recommendations for creating a richer app-like experience.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-run-downasaur-run\">Run downasaur, run!<\/h2>\n\n\n\n<p>Though it&#8217;s hard to speculate about the future of Progressive Web Apps, they already show a lot of promise. <b>The PWA technology will be even more potent once its features are fully supported by all browsers.<\/b> Further developments in terms of engagement and performance regardless of network conditions could set the course for a truly immersive user experience. Looks like <a href=\"https:\/\/media.giphy.com\/media\/11XxC0wD3jVSCI\/giphy.gif\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">chasing a downasaur<\/a> around an offline desert might soon become just a distant memory.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Progressive Web Apps have gone from buzzword to mainstream in record time. Freeing the user experience from the boundaries defined by devices and network conditions marks another step in the digital evolution. So does bridging the gap between web and native applications to offer unprecedented usability and reliability. While PWAs are making headway in boosting performance and engagement, Code &#038; Pepper investigates their key features and business growth potential.<\/p>\n","protected":false},"author":12,"featured_media":13857,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[1648],"tags":[1126,1087,163],"class_list":["post-13838","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux","tag-app-performance","tag-mobile-app-development-process","tag-user-experience-solutions"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Progressive Web Apps: Towards an Immersive User Experience | Code &amp; Pepper<\/title>\n<meta name=\"description\" content=\"While PWAs are making headway in boosting performance and engagement, Code &amp; Pepper investigates their key features and business potential.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Progressive Web Apps: Towards an Immersive User Experience | Code &amp; Pepper\" \/>\n<meta property=\"og:description\" content=\"While PWAs are making headway in boosting performance and engagement, Code &amp; Pepper investigates their key features and business potential.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/\" \/>\n<meta property=\"og:site_name\" content=\"Code &amp; Pepper\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/codeandpepper\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-14T07:50:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-11-29T16:14:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/Progressive_Web_Apps_01.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"864\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Justyna Burzynska\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@codeandpepper\" \/>\n<meta name=\"twitter:site\" content=\"@codeandpepper\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Justyna Burzynska\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/\"},\"author\":{\"name\":\"Justyna Burzynska\",\"@id\":\"https:\/\/codeandpepper.com\/#\/schema\/person\/0b4f64163263e0e42636c701e4e712c1\"},\"headline\":\"Progressive Web Apps: Towards an Immersive User Experience\",\"datePublished\":\"2020-10-14T07:50:53+00:00\",\"dateModified\":\"2020-11-29T16:14:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/\"},\"wordCount\":1012,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/codeandpepper.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/Progressive_Web_Apps_01.jpg\",\"keywords\":[\"App performance\",\"Mobile app development process\",\"User Experience solutions\"],\"articleSection\":[\"User Experience\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/\",\"url\":\"https:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/\",\"name\":\"Progressive Web Apps: Towards an Immersive User Experience | Code &amp; Pepper\",\"isPartOf\":{\"@id\":\"https:\/\/codeandpepper.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/Progressive_Web_Apps_01.jpg\",\"datePublished\":\"2020-10-14T07:50:53+00:00\",\"dateModified\":\"2020-11-29T16:14:42+00:00\",\"description\":\"While PWAs are making headway in boosting performance and engagement, Code & Pepper investigates their key features and business potential.\",\"breadcrumb\":{\"@id\":\"https:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/#primaryimage\",\"url\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/Progressive_Web_Apps_01.jpg\",\"contentUrl\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/Progressive_Web_Apps_01.jpg\",\"width\":864,\"height\":450,\"caption\":\"PWA\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codeandpepper.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Progressive Web Apps: Towards an Immersive User Experience\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codeandpepper.com\/#website\",\"url\":\"https:\/\/codeandpepper.com\/\",\"name\":\"Code & Pepper\",\"description\":\"FinTech Developers\",\"publisher\":{\"@id\":\"https:\/\/codeandpepper.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codeandpepper.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/codeandpepper.com\/#organization\",\"name\":\"Code & Pepper\",\"url\":\"https:\/\/codeandpepper.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codeandpepper.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/06\/logo.png\",\"contentUrl\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/06\/logo.png\",\"width\":319,\"height\":144,\"caption\":\"Code & Pepper\"},\"image\":{\"@id\":\"https:\/\/codeandpepper.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/codeandpepper\/\",\"https:\/\/x.com\/codeandpepper\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/codeandpepper.com\/#\/schema\/person\/0b4f64163263e0e42636c701e4e712c1\",\"name\":\"Justyna Burzynska\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codeandpepper.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b9e81b2a7e7558372913c6f2437993aa2235cfcc12f64c82fd00be6da2c72fb3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b9e81b2a7e7558372913c6f2437993aa2235cfcc12f64c82fd00be6da2c72fb3?s=96&d=mm&r=g\",\"caption\":\"Justyna Burzynska\"},\"description\":\"Communications Specialist with a strong background in linguistics. Once a professional translator, she investigates, analyses and narrates strategic aspects of FinTech software development, turning case studies into product stories and market data into meaningful insights.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/justyna-burzynska\/\"],\"url\":\"https:\/\/codeandpepper.com\/author\/justyna-burzynska\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Progressive Web Apps: Towards an Immersive User Experience | Code &amp; Pepper","description":"While PWAs are making headway in boosting performance and engagement, Code & Pepper investigates their key features and business potential.","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:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/","og_locale":"en_US","og_type":"article","og_title":"Progressive Web Apps: Towards an Immersive User Experience | Code &amp; Pepper","og_description":"While PWAs are making headway in boosting performance and engagement, Code & Pepper investigates their key features and business potential.","og_url":"https:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/","og_site_name":"Code &amp; Pepper","article_publisher":"https:\/\/www.facebook.com\/codeandpepper\/","article_published_time":"2020-10-14T07:50:53+00:00","article_modified_time":"2020-11-29T16:14:42+00:00","og_image":[{"width":864,"height":450,"url":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/Progressive_Web_Apps_01.jpg","type":"image\/jpeg"}],"author":"Justyna Burzynska","twitter_card":"summary_large_image","twitter_creator":"@codeandpepper","twitter_site":"@codeandpepper","twitter_misc":{"Written by":"Justyna Burzynska","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/#article","isPartOf":{"@id":"https:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/"},"author":{"name":"Justyna Burzynska","@id":"https:\/\/codeandpepper.com\/#\/schema\/person\/0b4f64163263e0e42636c701e4e712c1"},"headline":"Progressive Web Apps: Towards an Immersive User Experience","datePublished":"2020-10-14T07:50:53+00:00","dateModified":"2020-11-29T16:14:42+00:00","mainEntityOfPage":{"@id":"https:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/"},"wordCount":1012,"commentCount":0,"publisher":{"@id":"https:\/\/codeandpepper.com\/#organization"},"image":{"@id":"https:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/#primaryimage"},"thumbnailUrl":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/Progressive_Web_Apps_01.jpg","keywords":["App performance","Mobile app development process","User Experience solutions"],"articleSection":["User Experience"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/","url":"https:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/","name":"Progressive Web Apps: Towards an Immersive User Experience | Code &amp; Pepper","isPartOf":{"@id":"https:\/\/codeandpepper.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/#primaryimage"},"image":{"@id":"https:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/#primaryimage"},"thumbnailUrl":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/Progressive_Web_Apps_01.jpg","datePublished":"2020-10-14T07:50:53+00:00","dateModified":"2020-11-29T16:14:42+00:00","description":"While PWAs are making headway in boosting performance and engagement, Code & Pepper investigates their key features and business potential.","breadcrumb":{"@id":"https:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/#primaryimage","url":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/Progressive_Web_Apps_01.jpg","contentUrl":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/10\/Progressive_Web_Apps_01.jpg","width":864,"height":450,"caption":"PWA"},{"@type":"BreadcrumbList","@id":"https:\/\/codeandpepper.com\/progressive-web-apps-immersive-user-experience\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codeandpepper.com\/"},{"@type":"ListItem","position":2,"name":"Progressive Web Apps: Towards an Immersive User Experience"}]},{"@type":"WebSite","@id":"https:\/\/codeandpepper.com\/#website","url":"https:\/\/codeandpepper.com\/","name":"Code & Pepper","description":"FinTech Developers","publisher":{"@id":"https:\/\/codeandpepper.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codeandpepper.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codeandpepper.com\/#organization","name":"Code & Pepper","url":"https:\/\/codeandpepper.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeandpepper.com\/#\/schema\/logo\/image\/","url":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/06\/logo.png","contentUrl":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/06\/logo.png","width":319,"height":144,"caption":"Code & Pepper"},"image":{"@id":"https:\/\/codeandpepper.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/codeandpepper\/","https:\/\/x.com\/codeandpepper"]},{"@type":"Person","@id":"https:\/\/codeandpepper.com\/#\/schema\/person\/0b4f64163263e0e42636c701e4e712c1","name":"Justyna Burzynska","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeandpepper.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b9e81b2a7e7558372913c6f2437993aa2235cfcc12f64c82fd00be6da2c72fb3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b9e81b2a7e7558372913c6f2437993aa2235cfcc12f64c82fd00be6da2c72fb3?s=96&d=mm&r=g","caption":"Justyna Burzynska"},"description":"Communications Specialist with a strong background in linguistics. Once a professional translator, she investigates, analyses and narrates strategic aspects of FinTech software development, turning case studies into product stories and market data into meaningful insights.","sameAs":["https:\/\/www.linkedin.com\/in\/justyna-burzynska\/"],"url":"https:\/\/codeandpepper.com\/author\/justyna-burzynska\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/posts\/13838","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/comments?post=13838"}],"version-history":[{"count":37,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/posts\/13838\/revisions"}],"predecessor-version":[{"id":17538,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/posts\/13838\/revisions\/17538"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/media\/13857"}],"wp:attachment":[{"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/media?parent=13838"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/categories?post=13838"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/tags?post=13838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}