{"id":21077,"date":"2018-02-13T08:40:38","date_gmt":"2018-02-13T07:40:38","guid":{"rendered":"http:\/\/www.inovex.de\/blog\/?p=12605"},"modified":"2022-11-29T11:15:56","modified_gmt":"2022-11-29T10:15:56","slug":"progressive-web-apps-vs-webapks","status":"publish","type":"post","link":"https:\/\/www.inovex.de\/de\/blog\/progressive-web-apps-vs-webapks\/","title":{"rendered":"Progressive Web Apps vs. WebAPKs"},"content":{"rendered":"<p>Imagine you could build a sophisticated application that would run on all your devices, without the need to build multiple versions for each platform (e.g., iOS, Android, Windows, and macOS). At first the idea of having an application that can be executed everywhere may sound unrealistic, but it turns out you can already create such an app, since all our devices have one thing in common\u2014a pre-installed web browser. Nowadays, a web browser is also an application platform which is able to execute software that was developed for it, and thus can be executed everywhere. This is the point where Progressive Web Apps come into play.<!--more--><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\"><p class=\"ez-toc-title\" style=\"cursor:inherit\"><\/p>\n<\/div><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.inovex.de\/de\/blog\/progressive-web-apps-vs-webapks\/#What-is-a-Progressive-Web-App\" >What is a Progressive Web App?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.inovex.de\/de\/blog\/progressive-web-apps-vs-webapks\/#Installing-a-Progressive-Web-App\" >Installing a Progressive Web App<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.inovex.de\/de\/blog\/progressive-web-apps-vs-webapks\/#What-is-a-WebAPK\" >What is a WebAPK?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.inovex.de\/de\/blog\/progressive-web-apps-vs-webapks\/#Installing-a-WebAPK\" >Installing a WebAPK<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.inovex.de\/de\/blog\/progressive-web-apps-vs-webapks\/#Progressive-Web-Apps-vs-WebAPKs\" >Progressive Web Apps vs. WebAPKs<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.inovex.de\/de\/blog\/progressive-web-apps-vs-webapks\/#Conclusion\" >Conclusion<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.inovex.de\/de\/blog\/progressive-web-apps-vs-webapks\/#Sources\" >Sources<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"What-is-a-Progressive-Web-App\"><\/span>What is a Progressive Web App?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Today software has to support a nearly endless number of screen sizes and platforms, due to the fact that each device has its own unique configuration. To stay competitive in this fast changing world, companies and independent developers have to support as many devices as possible. This comes with the burden that supporting all those devices with distinct platforms becomes more and more expensive.<\/p>\n<p>A Progressive Web App uses modern web standards with the ultimate goal to feel and behave like a real native application, without the restrictions that hybrid and native apps bring along. They are the next logical step in the evolution of simple web apps, as they enable new and powerful features, e.g. offline capabilities, push notifications, and background synchronization by solely relying on new web standards, which wasn\u2019t possible on the web platform until recently.<\/p>\n<p>Google has created a Progressive Web Apps definition which consist of the following 10 points: Progressive, Responsive, Connectivity independent, App-like, Fresh, Safe, Discoverable, Re-engageable, Installable, and Linkable. Each point of Google\u2019s definition has its right to exist and all points combined enable the creation of rich and powerful web applications. For reasons of clarity, this blog article will only focus on the Installable property of Google\u2019s definition. The <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/getting-started\/codelabs\/your-first-pwapp\/\" target=\"_blank\" rel=\"noopener\">complete definition<\/a> can be found on Google\u2019s developer website.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Installing-a-Progressive-Web-App\"><\/span>Installing a Progressive Web App<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Below I&#8217;ll explain how a Progressive Web App can be installed on Google\u2019s Android mobile operating system. The goal here is to show how Progressive Web Apps can already be integrated into a mobile operating system by only using modern web standards such as the <a href=\"https:\/\/w3c.github.io\/manifest\/\" target=\"_blank\" rel=\"noopener\">Web App Manifest<\/a>.<\/p>\n<ol>\n<li>Open the Google Chrome browser on your Android device and navigate to any site with a Progressive Web App. In this case I opened the Flipkart application. On the first look this might seem just like a normal website, and it actually is one, but it offers much more functionality than you might first expect.<\/li>\n<li>Next, open the Chrome menu by pressing the three vertical dots, and then select the button with the label \u2018Add to Home screen\u2019. This action allows us to install the application, in order to keep an executable experience on our home screen.<\/li>\n<li>Now the browser asks how you want to name our application. Here I chose the name \u2018Flipkart Light\u2019 and pressed the button \u2018ADD\u2019.<\/li>\n<li>If everything worked you will see a small toast with the information that the application was added successfully to your home screen.<\/li>\n<li>After closing the browser, you might recognize your newly installed app by the previously entered name (here \u2018Flipkart Lite\u2019). What\u2019s also interesting is that the installed application also contains an app icon just like native apps do on your home screen.<\/li>\n<li>As soon as you press on the icon of the installed app, the Flipkart app will load and even show a splash screen, as known from native apps.<\/li>\n<li>Finally, we see the previously loaded application from (1), but with the difference that the application is now displayed in full screen \u2014 there is no browser address bar visible. The application was seamlessly integrated to the operating system. A normal user usually can\u2019t recognize the difference between a native and a Progressive Web App.<\/li>\n<li>When opening the android multitasking view, we also see that our installed app runs independently, and thus can also be terminated like any other application.<\/li>\n<\/ol>\n<p>Many might argument that the installation process is not optimal, since it takes too long and is too complex for most users. However, Google already helps users by displaying a small installation banner when they think a user might be interested in the Progressive Web App they are currently using in the browser, see image (9).<\/p>\n<div id='gallery-1' class='gallery galleryid-21077 gallery-columns-3 gallery-size-thumbnail'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/www.inovex.de\/wp-content\/uploads\/2016\/07\/drastic-elastic-3-5.png'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.inovex.de\/wp-content\/uploads\/2016\/07\/drastic-elastic-3-5-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"Data Center Scenario 5\" srcset=\"https:\/\/www.inovex.de\/wp-content\/uploads\/2016\/07\/drastic-elastic-3-5-150x150.png 150w, https:\/\/www.inovex.de\/wp-content\/uploads\/2016\/07\/drastic-elastic-3-5-650x650.png 650w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.inovex.de\/wp-content\/uploads\/2016\/07\/kinesis_icon320x320.png'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.inovex.de\/wp-content\/uploads\/2016\/07\/kinesis_icon320x320-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"Amazon Kinesis Logo mit grauen Hintergrund\" srcset=\"https:\/\/www.inovex.de\/wp-content\/uploads\/2016\/07\/kinesis_icon320x320-150x150.png 150w, https:\/\/www.inovex.de\/wp-content\/uploads\/2016\/07\/kinesis_icon320x320-300x300.png 300w, https:\/\/www.inovex.de\/wp-content\/uploads\/2016\/07\/kinesis_icon320x320.png 320w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.inovex.de\/wp-content\/uploads\/2016\/07\/kinesis_icon.png'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.inovex.de\/wp-content\/uploads\/2016\/07\/kinesis_icon-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"Amazon Kinesis Logo\" srcset=\"https:\/\/www.inovex.de\/wp-content\/uploads\/2016\/07\/kinesis_icon-150x150.png 150w, https:\/\/www.inovex.de\/wp-content\/uploads\/2016\/07\/kinesis_icon.png 300w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.inovex.de\/wp-content\/uploads\/2016\/07\/Event-Hubs.png'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.inovex.de\/wp-content\/uploads\/2016\/07\/Event-Hubs-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"Event Hubs Logo\" srcset=\"https:\/\/www.inovex.de\/wp-content\/uploads\/2016\/07\/Event-Hubs-150x150.png 150w, https:\/\/www.inovex.de\/wp-content\/uploads\/2016\/07\/Event-Hubs-300x300.png 300w, https:\/\/www.inovex.de\/wp-content\/uploads\/2016\/07\/Event-Hubs-400x400.png 400w, https:\/\/www.inovex.de\/wp-content\/uploads\/2016\/07\/Event-Hubs-360x360.png 360w, https:\/\/www.inovex.de\/wp-content\/uploads\/2016\/07\/Event-Hubs.png 512w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\n<h2><span class=\"ez-toc-section\" id=\"What-is-a-WebAPK\"><\/span>What is a WebAPK?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>WebAPKs are Google\u2019s latest effort to integrate Progressive Web Apps even deeper into the Android mobile operating system.<\/p>\n<p>The idea is that a Progressive Web App can be packaged to an APK (Android application package) by a back-end Chrome server, which will then be downloaded and installed on the Android device, in order to make web applications a \u2018first-class\u2019 Android citizen.<\/p>\n<p>Google introduced this feature in Chrome 57 Canary for Android, and since then it has found its way to the browser\u2019s stable version.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Installing-a-WebAPK\"><\/span>Installing a WebAPK<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>If you also want to experiment with WebAPKs, the following enumeration lists all steps you have to execute in order to package and install a Progressive Web App.<\/p>\n<ol>\n<li>Download the latest version of Google Chrome from the Google Play Store.<\/li>\n<li>Navigate to your favorite Progressive Web App for example https:\/\/flipkart.com.<\/li>\n<li>Open the Chrome menu (three vertical dots) and press \u2018Add to Home screen\u2019.<\/li>\n<li>You should see a similar install screen as shown below (2), and the app will be installed.<\/li>\n<li>Enjoy your new installed WebAPK.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/www.inovex.de\/wp-content\/uploads\/2018\/02\/webapk_2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-12618 size-medium\" src=\"https:\/\/www.inovex.de\/wp-content\/uploads\/2018\/02\/webapk_2-169x300.png\" alt=\"\" width=\"169\" height=\"300\" \/><\/a> <a href=\"https:\/\/www.inovex.de\/wp-content\/uploads\/2018\/02\/webapk_3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-12619 size-medium\" src=\"https:\/\/www.inovex.de\/wp-content\/uploads\/2018\/02\/webapk_3-169x300.png\" alt=\"\" width=\"169\" height=\"300\" \/><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Progressive-Web-Apps-vs-WebAPKs\"><\/span>Progressive Web Apps vs. WebAPKs<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>But what exactly are the benefits of an installed WebAPK compared to the already powerful Progressive Web Apps? A packaged and installed Progressive Web App (WebAPK) gains the <a href=\"https:\/\/developers.google.com\/web\/updates\/2017\/02\/improved-add-to-home-screen\" target=\"_blank\" rel=\"noopener\">following features<\/a>:<\/p>\n<ul>\n<li>The application can be found in the Android app drawer.<\/li>\n<li>It is listed in the \u2018All apps\u2019 section, which can be found in the settings.<\/li>\n<li>It does have its own \u2018App info\u2019, just as native apps do. In screenshot (3) in the section above you can see that an installed WebAPK has the same properties e.g., Storage, Data usage, and Battery consumption like native applications.<\/li>\n<li>Developers are able to update the app icon and name after the app was installed, which wasn\u2019t possible before.<\/li>\n<li>The app receives its own target URL space for its domain, so when a user clicks on a link within the scope of the Progressive Web App, it will open the installed app instead of the Chrome browser.<\/li>\n<\/ul>\n<p>So you see packaged Progressive Web Apps are integrated pretty deeply to the Android system, and as a result users can\u2019t distinguish between native and Progressive Web Apps anymore.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>As shown briefly in this blog article Progressive Web Apps are already very powerful, as they enable new features that weren\u2019t possible for a long time like installability and deep integration into the android mobile operating system. And it doesn&#8217;t stop there, since Progressive Web Apps are capable of so much more e.g., working offline, syncing in the background, and push notifications.<\/p>\n<p>In the end, Progressive Web Apps are already powerful enough to replace hybrid and native applications for many use cases with almost no disadvantages. While it\u2019s true that Progressive Web Apps can\u2019t be discovered over native mobile stores such as the Apple Store or Google Play Store (yet), they can instead be found by anyone on the web through search engines. It doesn\u2019t matter which device or operating system a user has, because search engines are accessible for everyone on the web.<\/p>\n<p>In the future Progressive Web Apps will gain even more features as the web platform is steadily evolving, and companies like Google show great interest in it.<\/p>\n<p>I hope you enjoyed this small introduction into Installable Progressive Web Apps and WebAPKs. If you like you can leave a question or comment below or chat me up on Twitter <a href=\"https:\/\/twitter.com\/safi1012\" target=\"_blank\" rel=\"noopener\">@Safi1012<\/a>.<\/p>\n<p>Update: In the meantime, Apple has announced to support PWAs on Safari in the future. <a href=\"https:\/\/www.inovex.de\/blog\/progressive-web-apps-on-ios\/\" target=\"_blank\" rel=\"noopener\">Here&#8217;s our look at it!<\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Sources\"><\/span>Sources<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li><a href=\"https:\/\/developers.google.com\/web\/fundamentals\/getting-started\/codelabs\/your-first-pwapp\/\">https:\/\/developers.google.com\/web\/fundamentals\/getting-started\/codelabs\/your-first-pwapp\/<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/web\/updates\/2017\/02\/improved-add-to-home-screen\">https:\/\/developers.google.com\/web\/updates\/2017\/02\/improved-add-to-home-screen<\/a><\/li>\n<li><\/li>\n<li><a href=\"https:\/\/developers.google.com\/web\/fundamentals\/getting-started\/primers\/service-workers\">https:\/\/developers.google.com\/web\/fundamentals\/getting-started\/primers\/service-workers<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Imagine you could build a sophisticated application that would run on all your devices, without the need to build multiple versions for each platform (e.g., iOS, Android, Windows, and macOS). At first the idea of having an application that can be executed everywhere may sound unrealistic, but it turns out you can already create such [&hellip;]<\/p>\n","protected":false},"author":65,"featured_media":13274,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"ep_exclude_from_search":false,"footnotes":""},"tags":[510],"service":[420],"coauthors":[{"id":65,"display_name":"Filipe Santos Correa","user_nicename":"fsantoscorrea"}],"class_list":["post-21077","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-apps-2","service-apps"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Progressive Web Apps vs. WebAPKs: Explained<\/title>\n<meta name=\"description\" content=\"Progressive Web Apps can be executed independently from the browser&#039;s host system\u2014web APKs go even further &amp; make web apps a first class citizen on Android!\" \/>\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.inovex.de\/de\/blog\/progressive-web-apps-vs-webapks\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Progressive Web Apps vs. WebAPKs: Explained\" \/>\n<meta property=\"og:description\" content=\"Progressive Web Apps can be executed independently from the browser&#039;s host system\u2014web APKs go even further &amp; make web apps a first class citizen on Android!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inovex.de\/de\/blog\/progressive-web-apps-vs-webapks\/\" \/>\n<meta property=\"og:site_name\" content=\"inovex GmbH\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inovexde\" \/>\n<meta property=\"article:published_time\" content=\"2018-02-13T07:40:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-29T10:15:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inovex.de\/wp-content\/uploads\/2018\/02\/webapk-pwa.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Filipe Santos Correa\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.inovex.de\/wp-content\/uploads\/2018\/02\/webapk-pwa-1024x576.png\" \/>\n<meta name=\"twitter:creator\" content=\"@inovexgmbh\" \/>\n<meta name=\"twitter:site\" content=\"@inovexgmbh\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Filipe Santos Correa\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"7\u00a0Minuten\" \/>\n\t<meta name=\"twitter:label3\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data3\" content=\"Filipe Santos Correa\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/blog\\\/progressive-web-apps-vs-webapks\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/blog\\\/progressive-web-apps-vs-webapks\\\/\"},\"author\":{\"name\":\"Filipe Santos Correa\",\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/#\\\/schema\\\/person\\\/f44f1a26f6601ae1a39ef0a9f2111b9f\"},\"headline\":\"Progressive Web Apps vs. WebAPKs\",\"datePublished\":\"2018-02-13T07:40:38+00:00\",\"dateModified\":\"2022-11-29T10:15:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/blog\\\/progressive-web-apps-vs-webapks\\\/\"},\"wordCount\":1368,\"commentCount\":5,\"publisher\":{\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/blog\\\/progressive-web-apps-vs-webapks\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.inovex.de\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/webapk-pwa.png\",\"keywords\":[\"Apps\"],\"articleSection\":[\"Applications\",\"English Content\",\"General\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.inovex.de\\\/de\\\/blog\\\/progressive-web-apps-vs-webapks\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/blog\\\/progressive-web-apps-vs-webapks\\\/\",\"url\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/blog\\\/progressive-web-apps-vs-webapks\\\/\",\"name\":\"Progressive Web Apps vs. WebAPKs: Explained\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/blog\\\/progressive-web-apps-vs-webapks\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/blog\\\/progressive-web-apps-vs-webapks\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.inovex.de\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/webapk-pwa.png\",\"datePublished\":\"2018-02-13T07:40:38+00:00\",\"dateModified\":\"2022-11-29T10:15:56+00:00\",\"description\":\"Progressive Web Apps can be executed independently from the browser's host system\u2014web APKs go even further & make web apps a first class citizen on Android!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/blog\\\/progressive-web-apps-vs-webapks\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.inovex.de\\\/de\\\/blog\\\/progressive-web-apps-vs-webapks\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/blog\\\/progressive-web-apps-vs-webapks\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.inovex.de\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/webapk-pwa.png\",\"contentUrl\":\"https:\\\/\\\/www.inovex.de\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/webapk-pwa.png\",\"width\":1920,\"height\":1080,\"caption\":\"Progressive Web Apps vs. WebAPKs\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/blog\\\/progressive-web-apps-vs-webapks\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Progressive Web Apps vs. WebAPKs\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/\",\"name\":\"inovex GmbH\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/#organization\",\"name\":\"inovex GmbH\",\"url\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.inovex.de\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/inovex-logo-16-9-1.png\",\"contentUrl\":\"https:\\\/\\\/www.inovex.de\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/inovex-logo-16-9-1.png\",\"width\":1921,\"height\":1081,\"caption\":\"inovex GmbH\"},\"image\":{\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/inovexde\",\"https:\\\/\\\/x.com\\\/inovexgmbh\",\"https:\\\/\\\/www.instagram.com\\\/inovexlife\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/inovex\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UC7r66GT14hROB_RQsQBAQUQ\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/#\\\/schema\\\/person\\\/f44f1a26f6601ae1a39ef0a9f2111b9f\",\"name\":\"Filipe Santos Correa\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9a81b72f44e639206806252ded2e8541bdab4efd3c68ca20b65e28a0d1b8e61c?s=96&d=retro&r=g397c5045ad5487d80dc5c919ad75831a\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9a81b72f44e639206806252ded2e8541bdab4efd3c68ca20b65e28a0d1b8e61c?s=96&d=retro&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9a81b72f44e639206806252ded2e8541bdab4efd3c68ca20b65e28a0d1b8e61c?s=96&d=retro&r=g\",\"caption\":\"Filipe Santos Correa\"},\"url\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/blog\\\/author\\\/fsantoscorrea\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Progressive Web Apps vs. WebAPKs: Explained","description":"Progressive Web Apps can be executed independently from the browser's host system\u2014web APKs go even further & make web apps a first class citizen on Android!","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.inovex.de\/de\/blog\/progressive-web-apps-vs-webapks\/","og_locale":"de_DE","og_type":"article","og_title":"Progressive Web Apps vs. WebAPKs: Explained","og_description":"Progressive Web Apps can be executed independently from the browser's host system\u2014web APKs go even further & make web apps a first class citizen on Android!","og_url":"https:\/\/www.inovex.de\/de\/blog\/progressive-web-apps-vs-webapks\/","og_site_name":"inovex GmbH","article_publisher":"https:\/\/www.facebook.com\/inovexde","article_published_time":"2018-02-13T07:40:38+00:00","article_modified_time":"2022-11-29T10:15:56+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/www.inovex.de\/wp-content\/uploads\/2018\/02\/webapk-pwa.png","type":"image\/png"}],"author":"Filipe Santos Correa","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.inovex.de\/wp-content\/uploads\/2018\/02\/webapk-pwa-1024x576.png","twitter_creator":"@inovexgmbh","twitter_site":"@inovexgmbh","twitter_misc":{"Verfasst von":"Filipe Santos Correa","Gesch\u00e4tzte Lesezeit":"7\u00a0Minuten","Written by":"Filipe Santos Correa"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inovex.de\/de\/blog\/progressive-web-apps-vs-webapks\/#article","isPartOf":{"@id":"https:\/\/www.inovex.de\/de\/blog\/progressive-web-apps-vs-webapks\/"},"author":{"name":"Filipe Santos Correa","@id":"https:\/\/www.inovex.de\/de\/#\/schema\/person\/f44f1a26f6601ae1a39ef0a9f2111b9f"},"headline":"Progressive Web Apps vs. WebAPKs","datePublished":"2018-02-13T07:40:38+00:00","dateModified":"2022-11-29T10:15:56+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inovex.de\/de\/blog\/progressive-web-apps-vs-webapks\/"},"wordCount":1368,"commentCount":5,"publisher":{"@id":"https:\/\/www.inovex.de\/de\/#organization"},"image":{"@id":"https:\/\/www.inovex.de\/de\/blog\/progressive-web-apps-vs-webapks\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inovex.de\/wp-content\/uploads\/2018\/02\/webapk-pwa.png","keywords":["Apps"],"articleSection":["Applications","English Content","General"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inovex.de\/de\/blog\/progressive-web-apps-vs-webapks\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inovex.de\/de\/blog\/progressive-web-apps-vs-webapks\/","url":"https:\/\/www.inovex.de\/de\/blog\/progressive-web-apps-vs-webapks\/","name":"Progressive Web Apps vs. WebAPKs: Explained","isPartOf":{"@id":"https:\/\/www.inovex.de\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inovex.de\/de\/blog\/progressive-web-apps-vs-webapks\/#primaryimage"},"image":{"@id":"https:\/\/www.inovex.de\/de\/blog\/progressive-web-apps-vs-webapks\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inovex.de\/wp-content\/uploads\/2018\/02\/webapk-pwa.png","datePublished":"2018-02-13T07:40:38+00:00","dateModified":"2022-11-29T10:15:56+00:00","description":"Progressive Web Apps can be executed independently from the browser's host system\u2014web APKs go even further & make web apps a first class citizen on Android!","breadcrumb":{"@id":"https:\/\/www.inovex.de\/de\/blog\/progressive-web-apps-vs-webapks\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inovex.de\/de\/blog\/progressive-web-apps-vs-webapks\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.inovex.de\/de\/blog\/progressive-web-apps-vs-webapks\/#primaryimage","url":"https:\/\/www.inovex.de\/wp-content\/uploads\/2018\/02\/webapk-pwa.png","contentUrl":"https:\/\/www.inovex.de\/wp-content\/uploads\/2018\/02\/webapk-pwa.png","width":1920,"height":1080,"caption":"Progressive Web Apps vs. WebAPKs"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inovex.de\/de\/blog\/progressive-web-apps-vs-webapks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inovex.de\/de\/"},{"@type":"ListItem","position":2,"name":"Progressive Web Apps vs. WebAPKs"}]},{"@type":"WebSite","@id":"https:\/\/www.inovex.de\/de\/#website","url":"https:\/\/www.inovex.de\/de\/","name":"inovex GmbH","description":"","publisher":{"@id":"https:\/\/www.inovex.de\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inovex.de\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.inovex.de\/de\/#organization","name":"inovex GmbH","url":"https:\/\/www.inovex.de\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.inovex.de\/de\/#\/schema\/logo\/image\/","url":"https:\/\/www.inovex.de\/wp-content\/uploads\/2021\/03\/inovex-logo-16-9-1.png","contentUrl":"https:\/\/www.inovex.de\/wp-content\/uploads\/2021\/03\/inovex-logo-16-9-1.png","width":1921,"height":1081,"caption":"inovex GmbH"},"image":{"@id":"https:\/\/www.inovex.de\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inovexde","https:\/\/x.com\/inovexgmbh","https:\/\/www.instagram.com\/inovexlife\/","https:\/\/www.linkedin.com\/company\/inovex","https:\/\/www.youtube.com\/channel\/UC7r66GT14hROB_RQsQBAQUQ"]},{"@type":"Person","@id":"https:\/\/www.inovex.de\/de\/#\/schema\/person\/f44f1a26f6601ae1a39ef0a9f2111b9f","name":"Filipe Santos Correa","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/9a81b72f44e639206806252ded2e8541bdab4efd3c68ca20b65e28a0d1b8e61c?s=96&d=retro&r=g397c5045ad5487d80dc5c919ad75831a","url":"https:\/\/secure.gravatar.com\/avatar\/9a81b72f44e639206806252ded2e8541bdab4efd3c68ca20b65e28a0d1b8e61c?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9a81b72f44e639206806252ded2e8541bdab4efd3c68ca20b65e28a0d1b8e61c?s=96&d=retro&r=g","caption":"Filipe Santos Correa"},"url":"https:\/\/www.inovex.de\/de\/blog\/author\/fsantoscorrea\/"}]}},"_links":{"self":[{"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/posts\/21077","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/comments?post=21077"}],"version-history":[{"count":3,"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/posts\/21077\/revisions"}],"predecessor-version":[{"id":34066,"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/posts\/21077\/revisions\/34066"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/media\/13274"}],"wp:attachment":[{"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/media?parent=21077"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/tags?post=21077"},{"taxonomy":"service","embeddable":true,"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/service?post=21077"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/coauthors?post=21077"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}