{"id":44732,"date":"2018-05-16T23:01:23","date_gmt":"2018-05-16T15:01:23","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=44732"},"modified":"2023-08-23T02:01:22","modified_gmt":"2023-08-22T18:01:22","slug":"progressive-web-apps-future-of-modern-web","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/progressive-web-apps-future-of-modern-web\/","title":{"rendered":"Progressive Web Apps &#8211; The Future of the Modern Web?"},"content":{"rendered":"<p>Progressive Web Apps (PWA) are gaining a lot of attention these days because they\u2019re really user-friendly and offer a great experience. They blend the best features of both websites and <a href=\"https:\/\/www.hongkiat.com\/blog\/convert-website-into-desktop-mobile-apps\/\">native apps<\/a>. This makes it easier for developers to create web apps that load quickly and work well, without needing to use <a href=\"https:\/\/www.hongkiat.com\/blog\/cross-mobile-platform-framework-wora\/\">hybrid frameworks<\/a>.<\/p>\n<p>I think Progressive Web Apps are the <strong>future of websites<\/strong>. In this article, I\u2019ll go over why they\u2019re so beneficial and how they\u2019re used. Let\u2019s dive in.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/progressive-web-apps\/\" class=\"ref-block__link\" title=\"Read More: An Introduction to Progressive Web Apps\" rel=\"bookmark\"><span class=\"screen-reader-text\">An Introduction to Progressive Web Apps<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/progressive-web-apps.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-30112 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/progressive-web-apps.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">An Introduction to Progressive Web Apps<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tMost developers have at least heard some buzz around Progressive Web Apps. These are widely supported by tech...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2>What Exactly Are Progressive Web Apps?<\/h2>\n<p>The phrase <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/infrequently.org\/2015\/06\/progressive-apps-escaping-tabs-without-losing-our-soul\/\">\u201cProgressive Web Apps\u201d was first introduced<\/a> by Alex Rusell, a Google Chrome developer, and Frances Berriman, a designer. Alex described PWAs as \u201c<em>websites that have taken all the right steps to be more like apps<\/em>\u201c.<\/p>\n<p>Alex also mentioned that websites evolve into PWAs as you use them more. They <a href=\"https:\/\/www.hongkiat.com\/blog\/progressive-enhancements-web-design-best-practices\/\">gradually gain features like apps<\/a>, earning the right to send you notifications or appear on your home screen. He concluded by saying that PWAs can offer an <strong><em>even better experience than traditional web apps<\/em><\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/progressive-web-apps-future-of-modern-web\/pokedex-org-known-pwa.jpg\" width=\"1200\" height=\"700\" alt=\"Pokedex.org as an example of a Progressive Web App\"><\/figure>\n<h2>Web Apps vs. Progressive Web Apps: What\u2019s the Difference?<\/h2>\n<p>Web apps are applications that <strong>run in your web browser<\/strong>. They\u2019re better than regular websites because they feel more like the apps you\u2019d download on your phone. However, they do have some limitations.<\/p>\n<p>Progressive Web Apps (PWAs), on the other hand, are like <strong>upgraded web apps<\/strong>. They can use your device\u2019s built-in features like the camera and also offer offline access and push notifications.<\/p>\n<h2>Why Should We Use Progressive Web Apps?<\/h2>\n<p>Native apps \u2013 those you download from app stores \u2013 are fast and work well even when your internet is slow or non-existent. Websites and web apps, however, can be slow and don\u2019t work well without an internet connection. That\u2019s why most people <strong>prefer using native apps<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/progressive-web-apps-future-of-modern-web\/web-sites-don-t-without-internet.jpg\" width=\"1200\" height=\"668\" alt=\"Websites don't work without internet\"><\/figure>\n<p><a href=\"https:\/\/www.hongkiat.com\/blog\/guide-to-accelerated-mobile-pages-amp\/\">Accelerated Mobile Pages (AMP)<\/a> was a project started by Google to make websites load faster on mobile phones. However, AMP doesn\u2019t work offline and isn\u2019t as fast as native apps. That\u2019s why PWAs are important \u2013 they offer a <strong>great user experience even when the internet is slow or unavailable<\/strong>.<\/p>\n<h2>Why Choosing Progressive Web Apps Makes Sense<\/h2>\n<p>According to a <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.comscore.com\/Insights\/Presentations-and-Whitepapers\/2017\/The-2017-US-Mobile-App-Report\">2017 report by comScore<\/a>, people spend about <strong>77% of their time on their top three apps<\/strong>, while the rest are rarely used but still take up device resources. Also, <strong>half of the users don\u2019t download any new apps in a month<\/strong>. This shows that people are hesitant to add more apps, giving PWAs an advantage.<\/p>\n<p>People generally use websites on desktops but <strong>prefer mobile apps<\/strong> on their phones. This is because desktop computers have more resources, and mobile apps are faster and use fewer resources.<\/p>\n<p>Additionally, developing native apps can be expensive, especially if you need to make them for different platforms like Android and iOS. PWAs, however, are more cost-effective because they work across multiple platforms.<\/p>\n<h2>What Are Progressive Web Apps?<\/h2>\n<p>Progressive Web Apps (PWAs) are a special kind of web application that offer more features compared to regular websites or web apps. Here\u2019s what sets them apart:<\/p>\n<ul>\n<li><strong>Responsive:<\/strong> They work on any device, regardless of screen size.<\/li>\n<li><strong>Offline Access:<\/strong> They can load even when you have slow or no internet connection.<\/li>\n<li><strong>App-like Experience:<\/strong> They feel like native apps on your device.<\/li>\n<li><strong>Always Updated:<\/strong> They update automatically without requiring user intervention.<\/li>\n<li><strong>Secure:<\/strong> They use HTTPS for secure data transfer.<\/li>\n<li><strong>Searchable:<\/strong> Their content can be found by <a href=\"https:\/\/www.hongkiat.com\/blog\/100-alternative-search-engines-you-should-know\/\">search engines<\/a>.<\/li>\n<li><strong>Engaging:<\/strong> They can send you notifications to keep you engaged.<\/li>\n<li><strong>Installable:<\/strong> You can add them to your home screen.<\/li>\n<li><strong>Shareable:<\/strong> They have URLs, making them easy to share.<\/li>\n<\/ul>\n<p>What\u2019s more, PWAs can access some of your device\u2019s features, like the camera. However, they can\u2019t access certain features like your location, phone, or SMS.<\/p>\n<p><strong>Note:<\/strong> To learn more about PWAs, you can read <a href=\"https:\/\/www.hongkiat.com\/blog\/progressive-web-apps\/\">this post<\/a>.<\/p>\n<h2>How to Create a Progressive Web App?<\/h2>\n<p>Google offers a <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/web.dev\/progressive-web-apps\/checklist\">Progressive Web App Checklist<\/a> to help beginners build their own PWAs. This checklist outlines the essential features for both basic and advanced apps.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/progressive-web-apps-future-of-modern-web\/lighthouse-open-source-tool.jpg\" width=\"1200\" height=\"1106\" alt=\"Screenshot of the Lighthouse tool\"><\/figure>\n<p>There are also tools like <a href=\"https:\/\/www.hongkiat.com\/blog\/check-performance-quality-any-website-with-lighthouse\/\">Lighthouse<\/a> and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/developer.chrome.com\/docs\/workbox\/\">Workbox<\/a> that can help you improve your PWA, including its performance, accessibility, and offline capabilities.<\/p>\n<h2>Are Progressive Web Apps the Future?<\/h2>\n<p>While PWAs may not replace native apps entirely, they offer many advantages and are gaining support from major platforms. This suggests that they will become increasingly common in the future.<\/p>\n<p>For example, Apple has added PWA features to Safari, Google supports PWAs on Android, and Microsoft is also adding PWA support to its Edge browser. All of this points to a growing role for PWAs in the tech landscape.<\/p>","protected":false},"excerpt":{"rendered":"<p>The benefits and uses of progressive web apps as being the future of modern web.<\/p>\n","protected":false},"author":120,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3398],"tags":[4551],"topic":[],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Progressive Web Apps - The Future of the Modern Web? - Hongkiat<\/title>\n<meta name=\"description\" content=\"The benefits and uses of progressive web apps as being the future of modern web.\" \/>\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.hongkiat.com\/blog\/progressive-web-apps-future-of-modern-web\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Progressive Web Apps - The Future of the Modern Web?\" \/>\n<meta property=\"og:description\" content=\"The benefits and uses of progressive web apps as being the future of modern web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/progressive-web-apps-future-of-modern-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2018-05-16T15:01:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-22T18:01:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/progressive-web-apps-future-of-modern-web\/pokedex-org-known-pwa.jpg\" \/>\n<meta name=\"author\" content=\"Ashutosh KS\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ashutosh KS\" \/>\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.hongkiat.com\\\/blog\\\/progressive-web-apps-future-of-modern-web\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/progressive-web-apps-future-of-modern-web\\\/\"},\"author\":{\"name\":\"Ashutosh KS\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/0c0611010da9a578caa32a34232cf7bd\"},\"headline\":\"Progressive Web Apps &#8211; The Future of the Modern Web?\",\"datePublished\":\"2018-05-16T15:01:23+00:00\",\"dateModified\":\"2023-08-22T18:01:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/progressive-web-apps-future-of-modern-web\\\/\"},\"wordCount\":794,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/progressive-web-apps-future-of-modern-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/progressive-web-apps-future-of-modern-web\\\/pokedex-org-known-pwa.jpg\",\"keywords\":[\"Progressive Web Apps\"],\"articleSection\":[\"Internet\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/progressive-web-apps-future-of-modern-web\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/progressive-web-apps-future-of-modern-web\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/progressive-web-apps-future-of-modern-web\\\/\",\"name\":\"Progressive Web Apps - The Future of the Modern Web? - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/progressive-web-apps-future-of-modern-web\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/progressive-web-apps-future-of-modern-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/progressive-web-apps-future-of-modern-web\\\/pokedex-org-known-pwa.jpg\",\"datePublished\":\"2018-05-16T15:01:23+00:00\",\"dateModified\":\"2023-08-22T18:01:22+00:00\",\"description\":\"The benefits and uses of progressive web apps as being the future of modern web.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/progressive-web-apps-future-of-modern-web\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/progressive-web-apps-future-of-modern-web\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/progressive-web-apps-future-of-modern-web\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/progressive-web-apps-future-of-modern-web\\\/pokedex-org-known-pwa.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/progressive-web-apps-future-of-modern-web\\\/pokedex-org-known-pwa.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/progressive-web-apps-future-of-modern-web\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Progressive Web Apps &#8211; The Future of the Modern Web?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/0c0611010da9a578caa32a34232cf7bd\",\"name\":\"Ashutosh KS\",\"description\":\"Ashutosh is a writer, entrepreneur, and a tech evangelist with expertise in the area of Computer Programming.\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\\\/\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/ashutosh_ks\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Progressive Web Apps - The Future of the Modern Web? - Hongkiat","description":"The benefits and uses of progressive web apps as being the future of modern web.","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.hongkiat.com\/blog\/progressive-web-apps-future-of-modern-web\/","og_locale":"en_US","og_type":"article","og_title":"Progressive Web Apps - The Future of the Modern Web?","og_description":"The benefits and uses of progressive web apps as being the future of modern web.","og_url":"https:\/\/www.hongkiat.com\/blog\/progressive-web-apps-future-of-modern-web\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2018-05-16T15:01:23+00:00","article_modified_time":"2023-08-22T18:01:22+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/progressive-web-apps-future-of-modern-web\/pokedex-org-known-pwa.jpg","type":"","width":"","height":""}],"author":"Ashutosh KS","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Ashutosh KS","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/progressive-web-apps-future-of-modern-web\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/progressive-web-apps-future-of-modern-web\/"},"author":{"name":"Ashutosh KS","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/0c0611010da9a578caa32a34232cf7bd"},"headline":"Progressive Web Apps &#8211; The Future of the Modern Web?","datePublished":"2018-05-16T15:01:23+00:00","dateModified":"2023-08-22T18:01:22+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/progressive-web-apps-future-of-modern-web\/"},"wordCount":794,"commentCount":1,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/progressive-web-apps-future-of-modern-web\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/progressive-web-apps-future-of-modern-web\/pokedex-org-known-pwa.jpg","keywords":["Progressive Web Apps"],"articleSection":["Internet"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/progressive-web-apps-future-of-modern-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/progressive-web-apps-future-of-modern-web\/","url":"https:\/\/www.hongkiat.com\/blog\/progressive-web-apps-future-of-modern-web\/","name":"Progressive Web Apps - The Future of the Modern Web? - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/progressive-web-apps-future-of-modern-web\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/progressive-web-apps-future-of-modern-web\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/progressive-web-apps-future-of-modern-web\/pokedex-org-known-pwa.jpg","datePublished":"2018-05-16T15:01:23+00:00","dateModified":"2023-08-22T18:01:22+00:00","description":"The benefits and uses of progressive web apps as being the future of modern web.","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/progressive-web-apps-future-of-modern-web\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/progressive-web-apps-future-of-modern-web\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/progressive-web-apps-future-of-modern-web\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/progressive-web-apps-future-of-modern-web\/pokedex-org-known-pwa.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/progressive-web-apps-future-of-modern-web\/pokedex-org-known-pwa.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/progressive-web-apps-future-of-modern-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Progressive Web Apps &#8211; The Future of the Modern Web?"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/0c0611010da9a578caa32a34232cf7bd","name":"Ashutosh KS","description":"Ashutosh is a writer, entrepreneur, and a tech evangelist with expertise in the area of Computer Programming.","sameAs":["https:\/\/www.hongkiat.com\/"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/ashutosh_ks\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-bDu","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/44732","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/120"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=44732"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/44732\/revisions"}],"predecessor-version":[{"id":68860,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/44732\/revisions\/68860"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=44732"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=44732"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=44732"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=44732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}