{"id":6645,"date":"2017-10-10T17:26:27","date_gmt":"2017-10-10T11:56:27","guid":{"rendered":"https:\/\/www.rankwatch.com\/blog\/?p=6645"},"modified":"2023-07-07T19:26:40","modified_gmt":"2023-07-07T13:56:40","slug":"what-are-progressive-web-apps-and-how-are-they-evolving","status":"publish","type":"post","link":"https:\/\/www.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/","title":{"rendered":"What are Progressive Web Apps and How are they Evolving?"},"content":{"rendered":"<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/10\/What-are-Progressive-Web-Apps-and-How-are-they-Evolving-.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-large wp-image-6646\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/10\/What-are-Progressive-Web-Apps-and-How-are-they-Evolving-.png?resize=640%2C320&#038;ssl=1\" alt=\"\" width=\"640\" height=\"320\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/10\/What-are-Progressive-Web-Apps-and-How-are-they-Evolving-.png?w=1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/10\/What-are-Progressive-Web-Apps-and-How-are-they-Evolving-.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/10\/What-are-Progressive-Web-Apps-and-How-are-they-Evolving-.png?resize=768%2C384&amp;ssl=1 768w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">The advent of the responsive mobile site- and the responsive desktop site for that matter- revolutionized web design. Almost overnight, responsive web design features colonized the web and got rid of the static, \u201890s era amateur design once and for all. The days of using nesting tables in HTML for the design were finally over, and we all sang and rejoiced as one. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">But the responsive design for the mobile web has been around for a good few years now. The truth is that all good things must come to an end, or at least, all good things must continue to evolve! So where can we go from here?<\/span><\/p>\n<h2>Responsive mobile web design was revolutionary&#8230;<\/h2>\n<p><span style=\"font-weight: 400;\">Browsing the web was a chore for early smartphone adopters. It was a hassle to navigate around pages, not just because you had to zoom in and zoom out constantly, but because of the difficulty of hitting links, reading a minute text and loading page code intended for powerful PCs. It was plain to see that something had to be done. In fact, it was normally quicker and easier to just go and find a laptop or desktop computer, which, coincidentally, wouldn\u2019t give you carpal tunnel syndrome from constant pinching and flicking on a tiny screen! <\/span><\/p>\n<p><span style=\"font-weight: 400;\">So when the first 3G networks came along, they were shortly followed by a revolution in design. Now, smartphones could load complicated sites, and the layout would spring to fit the size of whatever device you were holding. It was fresh, it was new, and it was much needed, and these changes helped to kick off the mobile revolution we\u2019re currently enjoying.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Over time, this revolution spread out from certain early adopters and became standard web development. That\u2019s in no small part due to the fact that mobile has become by far the most common method of accessing the web, over PCs and laptops. So even though responsive mobile web design has been around for awhile now, it hasn\u2019t shown any sign of slowing down. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">But no design solution is ever permanent, and the same goes for the responsive web. Like everybody in industries affected by fashion and trends, UX designers have been working for years to improve upon what we already have. But what is next on the list of things to conquer the world of mobile web design, and mobile marketing? We\u2019re glad you asked.<\/span><\/p>\n<h2>Responsive web design was just the beginning.<\/h2>\n<p><span style=\"font-weight: 400;\">Not content with their prime internet real estate as the ubiquitous search engine of choice, Google is pushing for change in the mobile web- change, coincidentally, which places themselves at its front and center. The first thing Google did was to release a new algorithm used to index websites <\/span><i><span style=\"font-weight: 400;\">separately <\/span><\/i><span style=\"font-weight: 400;\">for mobile and desktop, further distinguishing between the two. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Not long after, Google debuted AMP: Accelerated Mobile Pages. If you don\u2019t pay attention to this sort of thing, AMP are a super stripped-down version of a website- this could be your website, a news site like <\/span><i><span style=\"font-weight: 400;\">The Guardian <\/span><\/i><span style=\"font-weight: 400;\">(one of the early adopters, as it happens), or any other site you can think of- which is stripped of any bloatware and unnecessary fluff. When you Google search for a news story, two or three AMP links will pop up at the top of the screen, before the regular search results. This helps sites load far faster than they did before, but not only that, it gives your page added prominence- so it\u2019s a win-win. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hopefully what you\u2019re getting from this is that Google is completely switched on to the all-conquering rise of mobile. And without a doubt, it\u2019s due to the growing popularity of Google searches on mobile devices and the sheer amount of users that actually use their mobiles over a desktop. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Every one of these advancements, you\u2019ll notice, has been all about <\/span><i><span style=\"font-weight: 400;\">responsiveness <\/span><\/i><span style=\"font-weight: 400;\">and <\/span><i><span style=\"font-weight: 400;\">speed<\/span><\/i><span style=\"font-weight: 400;\">. And that\u2019s a welcome development in the mobile web, because that\u2019s precisely what it lacks, especially in comparison to native apps. Native apps are popular in large part because they don\u2019t necessarily need an active internet connection to work, meaning that they\u2019re much faster when used than the mobile web. So the trick is to make the mobile web as fast as an app. But how can you actually put that into practice?<\/span><\/p>\n<h2>And here\u2019s what comes next.<\/h2>\n<p><span style=\"font-weight: 400;\">Seeing how many initiatives Google are putting forward, and knowing the vast store of funds that they can plough into research and development, you can be sure that Google has something much bigger planned for mobile users and businesses alike. So this is where we introduce\u2026 The <\/span><a href=\"https:\/\/appinstitute.com\/progressive-web-apps\/\"><span style=\"font-weight: 400;\" data-wpel-link=\"ignore\">Progressive Web App<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The Progressive Web App directly addresses that very central problem: making the <\/span><i><span style=\"font-weight: 400;\">web <\/span><\/i><span style=\"font-weight: 400;\">as responsive as an <\/span><i><span style=\"font-weight: 400;\">app<\/span><\/i><span style=\"font-weight: 400;\">. Progressive Web Apps use what are called \u2018service workers\u2019, which are basically<\/span> <a href=\"about:blank\" data-wpel-link=\"ignore\"><b>\u2018like a client-side proxy\u2019 which \u2018puts you in control of the cache and how it responds to resource requests\u2019<\/b><\/a><span style=\"font-weight: 400;\">. You pre-cache the key resources of your site to get rid of your users\u2019 reliance on the network to access them.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The point is that this allows users to interact with your site in the same way that they\u2019d interact with an app. It loads just as fast, it looks just the same- provided you design it that way- and offers that frictionless experience that makes apps so popular. This dramatically cuts down on the number of people abandoning your site because it takes so long to load. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Not only that, but PWAs can be saved to the Home Screen of a smartphone just like a native app. This <\/span><a href=\"https:\/\/developers.google.com\/web\/progressive-web-apps\/\"><span style=\"font-weight: 400;\">increases engagement by up to four times<\/span><\/a><span style=\"font-weight: 400;\">, since users have an easy way of accessing your site. And through the service worker JavaScript code it\u2019s possible to send push notifications, again just like a native app. All of these improvements add up to a huge boost for your conversions, <\/span><a href=\"https:\/\/developers.google.com\/web\/showcase\/2016\/aliexpress\"><span style=\"font-weight: 400;\">anywhere up to 100% according to their case studies<\/span><\/a><span style=\"font-weight: 400;\">. Doesn\u2019t that sound useful?<\/span><\/p>\n<h2><b>How can I join the PWA revolution?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Because they\u2019re so fond of them, Google has put together <\/span><a href=\"https:\/\/developers.google.com\/web\/showcase\/\"><span style=\"font-weight: 400;\">a list of some great case studies<\/span><\/a><span style=\"font-weight: 400;\">, as well as a comprehensive guide on <\/span><a href=\"https:\/\/codelabs.developers.google.com\/codelabs\/your-first-pwapp\/#0\"><span style=\"font-weight: 400;\">how exactly to code a PWA<\/span><\/a><span style=\"font-weight: 400;\">; so you\u2019ll be neither stuck for creative ideas, or for technical solutions. If you\u2019re a dab hand at coding, you shouldn\u2019t find it too difficult to actually create and publish your own. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">If not, you can hire a professional or <\/span><a href=\"https:\/\/appinstitute.com\"><span style=\"font-weight: 400;\">use a design wizard<\/span><\/a><span style=\"font-weight: 400;\"> to build your own without having to write a line of CSS or JavaScript. Using a design wizard is an excellent option for anybody concerned about the cost of apps and web design, which can run into tens of thousands of pounds, or more. This opens up the world of PWAs to everyone, from entrepreneurs to SMEs and big businesses. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">PWAs can be implemented into your existing web design quickly and easily. They are essentially little more than a responsive web page with a different design, and a little bit of JavaScript; so actually implementing one in your own designs is little different to when you changed your site to make it responsive in the first place. Considering the benefits they bring in conversion and engagement, it\u2019s a no-brainer!<\/span><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The advent of the responsive mobile site- and the responsive desktop site for that matter- revolutionized web design. Almost overnight, responsive web design features colonized the web and got rid of the static, \u201890s era amateur design once and for all. The days of using nesting tables in HTML for the design were finally over, [&hellip;]<\/p>\n","protected":false},"author":168,"featured_media":6647,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","footnotes":""},"categories":[34],"tags":[],"class_list":["post-6645","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ui-ux","entry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Progressive Web Apps: What They Are &amp; How They&#039;re Evolving?<\/title>\n<meta name=\"description\" content=\"The Progressive Web App handles that central problem making the web as responsive as an app. Learn what Progressive Web Apps are and how they are growing.\" \/>\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.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Progressive Web Apps: What They Are &amp; How They&#039;re Evolving?\" \/>\n<meta property=\"og:description\" content=\"The Progressive Web App handles that central problem making the web as responsive as an app. Learn what Progressive Web Apps are and how they are growing.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/\" \/>\n<meta property=\"og:site_name\" content=\"RankWatch Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/RankWatch\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-10-10T11:56:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-07T13:56:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/10\/if_phoneidk_1140317.png\" \/>\n\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Izaak\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@rankwatch\" \/>\n<meta name=\"twitter:site\" content=\"@rankwatch\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Izaak\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/\"},\"author\":{\"name\":\"Izaak\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/1ab27cd030d4b3bfe2b7e855380e14b1\"},\"headline\":\"What are Progressive Web Apps and How are they Evolving?\",\"datePublished\":\"2017-10-10T11:56:27+00:00\",\"dateModified\":\"2023-07-07T13:56:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/\"},\"wordCount\":1233,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/10\/if_phoneidk_1140317.png?fit=512%2C512&ssl=1\",\"articleSection\":[\"UI &amp; UX\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/\",\"url\":\"https:\/\/www.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/\",\"name\":\"Progressive Web Apps: What They Are & How They're Evolving?\",\"isPartOf\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/10\/if_phoneidk_1140317.png?fit=512%2C512&ssl=1\",\"datePublished\":\"2017-10-10T11:56:27+00:00\",\"dateModified\":\"2023-07-07T13:56:40+00:00\",\"description\":\"The Progressive Web App handles that central problem making the web as responsive as an app. Learn what Progressive Web Apps are and how they are growing.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/10\/if_phoneidk_1140317.png?fit=512%2C512&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/10\/if_phoneidk_1140317.png?fit=512%2C512&ssl=1\",\"width\":512,\"height\":512},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.rankwatch.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What are Progressive Web Apps and How are they Evolving?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#website\",\"url\":\"https:\/\/www.rankwatch.com\/blog\/\",\"name\":\"RankWatch Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.rankwatch.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#organization\",\"name\":\"Rankwatch\",\"url\":\"https:\/\/www.rankwatch.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/07\/400x90rec.png?fit=400%2C90&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/07\/400x90rec.png?fit=400%2C90&ssl=1\",\"width\":400,\"height\":90,\"caption\":\"Rankwatch\"},\"image\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/RankWatch\/\",\"https:\/\/x.com\/rankwatch\",\"https:\/\/www.instagram.com\/rankwatch_seo\/\",\"https:\/\/in.linkedin.com\/company\/rankwatch\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/1ab27cd030d4b3bfe2b7e855380e14b1\",\"name\":\"Izaak\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/855b079f905cdc32bc2658e65fe1211e?s=96&d=blank&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/855b079f905cdc32bc2658e65fe1211e?s=96&d=blank&r=g\",\"caption\":\"Izaak\"},\"description\":\"Nabeena Mali is the head of marketing a AppInstitute a DIY app builder for small businesses and passionate about sharing her knowledge and insights on design strategy, UI\/UX trends and driving digital growth through content marketing.\",\"url\":\"https:\/\/www.rankwatch.com\/blog\/author\/izaak\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Progressive Web Apps: What They Are & How They're Evolving?","description":"The Progressive Web App handles that central problem making the web as responsive as an app. Learn what Progressive Web Apps are and how they are growing.","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.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/","og_locale":"en_US","og_type":"article","og_title":"Progressive Web Apps: What They Are & How They're Evolving?","og_description":"The Progressive Web App handles that central problem making the web as responsive as an app. Learn what Progressive Web Apps are and how they are growing.","og_url":"https:\/\/www.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/","og_site_name":"RankWatch Blog","article_publisher":"https:\/\/www.facebook.com\/RankWatch\/","article_published_time":"2017-10-10T11:56:27+00:00","article_modified_time":"2023-07-07T13:56:40+00:00","og_image":[{"width":512,"height":512,"url":"https:\/\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/10\/if_phoneidk_1140317.png","type":"image\/png"}],"author":"Izaak","twitter_card":"summary_large_image","twitter_creator":"@rankwatch","twitter_site":"@rankwatch","twitter_misc":{"Written by":"Izaak","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/#article","isPartOf":{"@id":"https:\/\/www.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/"},"author":{"name":"Izaak","@id":"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/1ab27cd030d4b3bfe2b7e855380e14b1"},"headline":"What are Progressive Web Apps and How are they Evolving?","datePublished":"2017-10-10T11:56:27+00:00","dateModified":"2023-07-07T13:56:40+00:00","mainEntityOfPage":{"@id":"https:\/\/www.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/"},"wordCount":1233,"commentCount":0,"publisher":{"@id":"https:\/\/www.rankwatch.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/10\/if_phoneidk_1140317.png?fit=512%2C512&ssl=1","articleSection":["UI &amp; UX"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/","url":"https:\/\/www.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/","name":"Progressive Web Apps: What They Are & How They're Evolving?","isPartOf":{"@id":"https:\/\/www.rankwatch.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/#primaryimage"},"image":{"@id":"https:\/\/www.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/10\/if_phoneidk_1140317.png?fit=512%2C512&ssl=1","datePublished":"2017-10-10T11:56:27+00:00","dateModified":"2023-07-07T13:56:40+00:00","description":"The Progressive Web App handles that central problem making the web as responsive as an app. Learn what Progressive Web Apps are and how they are growing.","breadcrumb":{"@id":"https:\/\/www.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/#primaryimage","url":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/10\/if_phoneidk_1140317.png?fit=512%2C512&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/10\/if_phoneidk_1140317.png?fit=512%2C512&ssl=1","width":512,"height":512},{"@type":"BreadcrumbList","@id":"https:\/\/www.rankwatch.com\/blog\/what-are-progressive-web-apps-and-how-are-they-evolving\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.rankwatch.com\/blog\/"},{"@type":"ListItem","position":2,"name":"What are Progressive Web Apps and How are they Evolving?"}]},{"@type":"WebSite","@id":"https:\/\/www.rankwatch.com\/blog\/#website","url":"https:\/\/www.rankwatch.com\/blog\/","name":"RankWatch Blog","description":"","publisher":{"@id":"https:\/\/www.rankwatch.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.rankwatch.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.rankwatch.com\/blog\/#organization","name":"Rankwatch","url":"https:\/\/www.rankwatch.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rankwatch.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/07\/400x90rec.png?fit=400%2C90&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/07\/400x90rec.png?fit=400%2C90&ssl=1","width":400,"height":90,"caption":"Rankwatch"},"image":{"@id":"https:\/\/www.rankwatch.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/RankWatch\/","https:\/\/x.com\/rankwatch","https:\/\/www.instagram.com\/rankwatch_seo\/","https:\/\/in.linkedin.com\/company\/rankwatch"]},{"@type":"Person","@id":"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/1ab27cd030d4b3bfe2b7e855380e14b1","name":"Izaak","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/855b079f905cdc32bc2658e65fe1211e?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/855b079f905cdc32bc2658e65fe1211e?s=96&d=blank&r=g","caption":"Izaak"},"description":"Nabeena Mali is the head of marketing a AppInstitute a DIY app builder for small businesses and passionate about sharing her knowledge and insights on design strategy, UI\/UX trends and driving digital growth through content marketing.","url":"https:\/\/www.rankwatch.com\/blog\/author\/izaak\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/10\/if_phoneidk_1140317.png?fit=512%2C512&ssl=1","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/posts\/6645","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/users\/168"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/comments?post=6645"}],"version-history":[{"count":3,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/posts\/6645\/revisions"}],"predecessor-version":[{"id":6952,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/posts\/6645\/revisions\/6952"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/media\/6647"}],"wp:attachment":[{"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/media?parent=6645"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/categories?post=6645"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/tags?post=6645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}