{"id":5106,"date":"2018-10-08T07:00:40","date_gmt":"2018-10-08T07:00:40","guid":{"rendered":"https:\/\/yeeply.com\/en\/blog\/?p=5106"},"modified":"2023-12-11T13:37:35","modified_gmt":"2023-12-11T11:37:35","slug":"progressive-web-apps","status":"publish","type":"post","link":"https:\/\/yeeply.com\/en\/blog\/web-development\/progressive-web-apps\/","title":{"rendered":"Progressive Web Apps: what are they and how do they work?"},"content":{"rendered":"<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">In this article, we will talk about Progressive Web Apps (PWAs). First of all, we are going to explain what progressive web apps are. Secondly, we will go through an analysis of their benefits and pitfalls. Lastly, we will present a successful example of PWA implementation.<\/span><\/p>\n<div style=\"text-align: center;\">\n<style type=\"text\/css\"><!--br {mso-data-placement:same-cell;}--><\/style>\n<div class=\"bt-proyecto\"><a class=\"do-not-track\" href=\"https:\/\/yeeply.com\/en\/web-development\/?rel=EN-BT-proyecto-web#publish-project\" target=\"_blank\" rel=\"noopener\">WANT TO CREATE A WEBSITE? TELL US ABOUT YOUR PROJECT!<\/a><\/div>\n<h2 style=\"text-align: justify;\"><b>What are progressive web apps?\u00a0<\/b><\/h2>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">When talking about progressive web apps, we commonly refer to a new structure or technology. They consist of a set of practical improvements to make a <\/span><span style=\"font-weight: 400;\">web app<\/span><span style=\"font-weight: 400;\"> work like a desktop app or a mobile one.\u00a0\u00a0<\/span><span style=\"font-weight: 400;\">The objective is to achieve an experience which is close or equal to the one you would have with a native mobile app. This way, the user will not perceive the difference existing between a native app and a PWA. <\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">First and foremost, it is necessary to distinguish between websites accessible from a mobile browser and the ones accessible through the app downloadable from the store. On the one side, we find mobile websites, responsive websites and web apps. On the other side, we have <a href=\"https:\/\/yeeply.com\/en\/blog\/what-are-native-web-and-hybrid-apps\/\" target=\"_blank\" rel=\"noopener noreferrer\">native and hybrid apps<\/a>. \u00a0<\/span><span style=\"font-weight: 400;\">Progressive web apps can be defined as a sort of mix between <\/span><span style=\"font-weight: 400;\">web apps and native apps<\/span><span style=\"font-weight: 400;\">. \u00a0However, it is important to remark that the main difference lies in the capability of PWA to install the app from a navigation window without the need for accessing the store.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><em>Find out more | <a href=\"https:\/\/yeeply.com\/en\/blog\/5-different-kinds-web-app-development\/\">Web Application Development: 5 relevant types and examples<\/a><\/em><\/p>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_5123\" aria-describedby=\"caption-attachment-5123\" style=\"width: 748px\" class=\"wp-caption aligncenter\"><img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-5123 size-full\" title=\"Holding a Smartphone \" src=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2018\/10\/Holding-a-smartphone-1-1.jpg\" alt=\"Holding a Smartphone \" width=\"748\" height=\"421\" srcset=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2018\/10\/Holding-a-smartphone-1-1.jpg 748w, https:\/\/yeeply.com\/en\/wp-content\/uploads\/2018\/10\/Holding-a-smartphone-1-1-300x169.jpg 300w\" sizes=\"(max-width: 748px) 100vw, 748px\" \/><figcaption id=\"caption-attachment-5123\" class=\"wp-caption-text\">Hand holding an iphone. Source:\u00a0<a href=\"https:\/\/unsplash.com\/@mr_fresh\"> Yura Fresh<\/a>\u00a0via\u00a0<a href=\"https:\/\/unsplash.com\/photos\/n31x0hhnzOs\">Unsplash<\/a><\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: justify;\"><b>Benefits and pitfalls of Progressive Web Apps<\/b><\/h2>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">You might be wondering why it is more convenient to choose a web app that imitates native apps rather than simply using a native one. \u00a0Find out what the perks and disadvantages of PWA are! <\/span><\/p>\n<h3 style=\"text-align: justify;\">Benefits<\/h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Progressive web apps provide a number of benefits both for developers and users. \u00a0<\/span><\/p>\n<ol style=\"text-align: justify;\">\n<li><b><span style=\"font-weight: 400;\">PWA usually <\/span>work quite fast<span style=\"font-weight: 400;\"> in comparison to websites.<\/span><\/b><\/li>\n<li><span style=\"font-weight: 400;\">They work offline, too. <\/span><\/li>\n<li>They are responsive<span style=\"font-weight: 400;\">. As a consequence, they work with all operating systems and electronic device formats.<\/span><\/li>\n<li>They work like a native app: <span style=\"font-weight: 400;\">On the mobile screen,<\/span> <span style=\"font-weight: 400;\">the icon looks exactly like an app, you can send push notifications and they have access to some mobile functions. \u00a0\u00a0<\/span><\/li>\n<li><span style=\"font-weight: 400;\">PWA <\/span><b>can be found in search engines<\/b><span style=\"font-weight: 400;\">: the latest Google algorithm attributes a special value to PWAs. <\/span><\/li>\n<li><b>They catch the user\u2019s attention due to the fact that it allows sending notifications. \u00a0<\/b><\/li>\n<li><b>Installing them through the store is not required. <\/b><span style=\"font-weight: 400;\">This represents a good point both for the users and the owner. The former can benefit from the chance of avoiding the store. The latter is not subject to the app store rules. <\/span><b>\u00a0<\/b><\/li>\n<li><b>They do not occupy any storage space <\/b>since there is no need to download them.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_5107\" aria-describedby=\"caption-attachment-5107\" style=\"width: 748px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-5107 size-full\" title=\"Twitter vs Ola Cabs \" src=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2018\/10\/App-storage-1.jpg\" alt=\"Twitter vs Ola Cabs \" width=\"748\" height=\"426\" srcset=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2018\/10\/App-storage-1.jpg 748w, https:\/\/yeeply.com\/en\/wp-content\/uploads\/2018\/10\/App-storage-1-300x171.jpg 300w\" sizes=\"(max-width: 748px) 100vw, 748px\" \/><figcaption id=\"caption-attachment-5107\" class=\"wp-caption-text\">Two grafics of Twitter and Ola. Source: <a href=\"https:\/\/www.flickr.com\/photos\/sheilalmartinia\/\">Sheila Martin<\/a> via <a href=\"https:\/\/www.flickr.com\/photos\/sheilalmartinia\/34803597116\/in\/photolist-V2twTf-2aY3reT-FA2MzK-F8tma1-efTFao-FpmF6C-FxK1Ej-FpmF79-ECtthV-28foWjL-FxK1G3-ECtt86-FpmF6s-ngMVwM-23xHnNB-YtJXuy-VMypH9-27eiixL-FrD6PR-FA2LCK-FpmDsC-ECtsFz-25afqYU-efTLMW-FpmEw1-ECtsLp-F8tjZL-FpmE9s-FA2L5R-27VB1E8-FxJZXY-ECtswg-F8tjVC-ECtsWz-EC82Pb-F8tjT3-ECtt36-FxJZJb-EC82hE-FrD5Jz-FpmDcs-EC81Xm-FrD5Hc-F8tj59-FxJYmm-FxJYxJ-FxJYtW-F8tjco-FA2Kct-LCSW6K\">Flickr<\/a><\/figcaption><\/figure>\n<h3><\/h3>\n<h3 style=\"text-align: justify;\">Disadvantages<\/h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Although PWA is an innovative and multifunctional app, there are a number of weaknesses to consider. <\/span><\/p>\n<ol style=\"text-align: justify;\">\n<li style=\"font-weight: 400;\"><b>It cannot take profit of the app store traffic:<\/b><span style=\"font-weight: 400;\"> Even though it was previously mentioned as a perk, being out of the app store may represent a missing opportunity. In fact, several users look for their apps exclusively on app stores. \u00a0\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Battery high-consumption: <\/b><span style=\"font-weight: 400;\">PWAs consume more battery with respect to native apps since their code is way more complex. As a result, \u00a0smartphones require more efforts for its interpretation. <\/span><\/li>\n<li style=\"font-weight: 400;\"><b>They do not have complete access to mobile phone functions: <\/b><span style=\"font-weight: 400;\">This might be considered as a negative point for PWA compared to native apps. <\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Some functions are not compatible with iOS:<\/b><span style=\"font-weight: 400;\"> Despite the majority of users use Android devices, PWAs are not optimised for being used with iOS, which represents a strong weakness. <\/span><\/li>\n<\/ol>\n<h2 style=\"text-align: justify;\"><b>An example of PWA\u00a0<\/b><\/h2>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Lancome is a popular French luxury brand dealing with cosmetics and belonging to the L\u2019Or\u00e9al group. \u00a0\u00a0<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">In spite of the increasing trends of mobile usage, the company noticed that they were registering fewer conversions from mobile users in comparison to those using computers. Owing to this, they decided to invest in PWAs to reduce the bounce rate of mobile devices. The outcome was rather positive: <\/span><\/p>\n<ul style=\"text-align: justify;\">\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">17% Growth in conversions<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">8% Growth in shopping carts conversions improved through push notifications. <\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">15% Bounce rate reduction <\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">51% Growth in mobile devices access. <\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">84% time reduction until the page gets interactive.<\/span><\/li>\n<\/ul>\n<figure id=\"attachment_5121\" aria-describedby=\"caption-attachment-5121\" style=\"width: 748px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-5121\" title=\"Lancome PWA \" src=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2018\/10\/Web-app-lancome.jpg\" alt=\"Lancome PWA \" width=\"748\" height=\"303\" \/><figcaption id=\"caption-attachment-5121\" class=\"wp-caption-text\">Lancome app. Source: <a href=\"https:\/\/www.flickr.com\/photos\/miguelh88\/\">miguel.hernandezveliz<\/a> via <a href=\"https:\/\/www.flickr.com\/photos\/miguelh88\/17939999171\/in\/photolist-tkibJx-rJiYPx-r4kaPN-rQNSmN-rzs4qq-rRixno-rvNJgC-rNi7HV-qRvcLV-qRvb9B-qR6VQx-rMMa43-rMM8kJ-rviNPm-ruLLk5-rLx4BL-ruceRg-rJZ7Sn-rK3R4z-rCZzrq-rE5eHg-rCvA7L-riRPTc-rzP36d-rfMWPA-rfHrFJ-qAu3be-rfPk1M-rfzNz3-rwFy6F-qzPpNR-rf3wLk-rtSwzS-rtPizP-r5Py3X-oac7Mm-nU8LJV-ob4me7-ocgYri-oadbtJ-nRBnhC-o8MurU-o6gvFy-o6guwj-nQPCm5-nQPfkJ-rcLPwW-rf52uM-r9dpBT-r66U1Q\">Flickr<\/a><\/figcaption><\/figure>\n<h2><\/h2>\n<h2 style=\"text-align: justify;\"><b>Are you interested in developing a progressive web application? <\/b><\/h2>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">The impact of progressive web apps has been proved in terms of profits and conversions. Moreover, it consists of a trivial and cheap alternative due to the fact that it makes unnecessary to consult a developer for each operating system. <\/span><\/p>\n<p>&nbsp;<\/p>\n<div style=\"text-align: center;\">\n<style type=\"text\/css\"><!--br {mso-data-placement:same-cell;}--><\/style>\n<p><a href=\"https:\/\/yeeply.com\/en\/web-development\/?rel=EN-BP-proyecto-web#publish-project\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2020\/04\/EN-cta-blogpost-proyecto-web.jpg\" alt=\"Proyecto Web\" \/><\/a><\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>In this article, we will talk about Progressive Web Apps (PWAs). First of all, we are going to explain what progressive web apps are. Secondly, &#8230;<\/p>\n","protected":false},"author":2,"featured_media":5154,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_uag_custom_page_level_css":"","footnotes":""},"categories":[115],"tags":[],"class_list":["post-5106","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Progressive Web Apps: Definition, Usages, Benefits and Pitfalls<\/title>\n<meta name=\"description\" content=\"Progressive web apps represent a melange of the best of web apps and native apps. In this post, you will find everything you need to know about PWAs. \u2705\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/yeeply.com\/en\/blog\/web-development\/progressive-web-apps\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Progressive Web Apps: Definition, Usages, Benefits and Pitfalls\" \/>\n<meta property=\"og:description\" content=\"Progressive web apps represent a melange of the best of web apps and native apps. In this post, you will find everything you need to know about PWAs. \u2705\" \/>\n<meta property=\"og:url\" content=\"https:\/\/yeeply.com\/en\/blog\/web-development\/progressive-web-apps\/\" \/>\n<meta property=\"og:site_name\" content=\"Yeeply\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/YeeplyMobile\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-10-08T07:00:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-11T11:37:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2018\/10\/748x493_progressive_web_app-1-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"748\" \/>\n\t<meta property=\"og:image:height\" content=\"493\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Yeeply\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Yeeply_EN\" \/>\n<meta name=\"twitter:site\" content=\"@Yeeply_EN\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Yeeply\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/progressive-web-apps\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/progressive-web-apps\\\/\"},\"author\":{\"name\":\"Yeeply\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#\\\/schema\\\/person\\\/c7927839158c47143448f3bcdaf7cc14\"},\"headline\":\"Progressive Web Apps: what are they and how do they work?\",\"datePublished\":\"2018-10-08T07:00:40+00:00\",\"dateModified\":\"2023-12-11T11:37:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/progressive-web-apps\\\/\"},\"wordCount\":794,\"publisher\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/progressive-web-apps\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/yeeply.com\\\/en\\\/wp-content\\\/uploads\\\/2018\\\/10\\\/748x493_progressive_web_app-1-1.jpg\",\"articleSection\":[\"Web\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/progressive-web-apps\\\/\",\"url\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/progressive-web-apps\\\/\",\"name\":\"Progressive Web Apps: Definition, Usages, Benefits and Pitfalls\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/progressive-web-apps\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/progressive-web-apps\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/yeeply.com\\\/en\\\/wp-content\\\/uploads\\\/2018\\\/10\\\/748x493_progressive_web_app-1-1.jpg\",\"datePublished\":\"2018-10-08T07:00:40+00:00\",\"dateModified\":\"2023-12-11T11:37:35+00:00\",\"description\":\"Progressive web apps represent a melange of the best of web apps and native apps. In this post, you will find everything you need to know about PWAs. \u2705\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/progressive-web-apps\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/progressive-web-apps\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/progressive-web-apps\\\/#primaryimage\",\"url\":\"https:\\\/\\\/yeeply.com\\\/en\\\/wp-content\\\/uploads\\\/2018\\\/10\\\/748x493_progressive_web_app-1-1.jpg\",\"contentUrl\":\"https:\\\/\\\/yeeply.com\\\/en\\\/wp-content\\\/uploads\\\/2018\\\/10\\\/748x493_progressive_web_app-1-1.jpg\",\"width\":748,\"height\":493,\"caption\":\"Holding a smartphone with PWA - Progressive web apps\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/blog\\\/web-development\\\/progressive-web-apps\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/yeeply.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Progressive Web Apps: what are they and how do they work?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/yeeply.com\\\/en\\\/\",\"name\":\"Yeeply\",\"description\":\"A platform for the development of digital projects\",\"publisher\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/yeeply.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#organization\",\"name\":\"Yeeply\",\"url\":\"https:\\\/\\\/yeeply.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/yeeply.com\\\/en\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/logo_yeeply_black@2x.png\",\"contentUrl\":\"https:\\\/\\\/yeeply.com\\\/en\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/logo_yeeply_black@2x.png\",\"width\":360,\"height\":120,\"caption\":\"Yeeply\"},\"image\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/YeeplyMobile\\\/\",\"https:\\\/\\\/x.com\\\/Yeeply_EN\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/yeeply\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/en\\\/#\\\/schema\\\/person\\\/c7927839158c47143448f3bcdaf7cc14\",\"name\":\"Yeeply\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g\",\"caption\":\"Yeeply\"},\"url\":\"https:\\\/\\\/yeeply.com\\\/en\\\/author\\\/yeeply\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Progressive Web Apps: Definition, Usages, Benefits and Pitfalls","description":"Progressive web apps represent a melange of the best of web apps and native apps. In this post, you will find everything you need to know about PWAs. \u2705","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:\/\/yeeply.com\/en\/blog\/web-development\/progressive-web-apps\/","og_locale":"en_US","og_type":"article","og_title":"Progressive Web Apps: Definition, Usages, Benefits and Pitfalls","og_description":"Progressive web apps represent a melange of the best of web apps and native apps. In this post, you will find everything you need to know about PWAs. \u2705","og_url":"https:\/\/yeeply.com\/en\/blog\/web-development\/progressive-web-apps\/","og_site_name":"Yeeply","article_publisher":"https:\/\/www.facebook.com\/YeeplyMobile\/","article_published_time":"2018-10-08T07:00:40+00:00","article_modified_time":"2023-12-11T11:37:35+00:00","og_image":[{"width":748,"height":493,"url":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2018\/10\/748x493_progressive_web_app-1-1.jpg","type":"image\/jpeg"}],"author":"Yeeply","twitter_card":"summary_large_image","twitter_creator":"@Yeeply_EN","twitter_site":"@Yeeply_EN","twitter_misc":{"Written by":"Yeeply","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/yeeply.com\/en\/blog\/web-development\/progressive-web-apps\/#article","isPartOf":{"@id":"https:\/\/yeeply.com\/en\/blog\/web-development\/progressive-web-apps\/"},"author":{"name":"Yeeply","@id":"https:\/\/yeeply.com\/en\/#\/schema\/person\/c7927839158c47143448f3bcdaf7cc14"},"headline":"Progressive Web Apps: what are they and how do they work?","datePublished":"2018-10-08T07:00:40+00:00","dateModified":"2023-12-11T11:37:35+00:00","mainEntityOfPage":{"@id":"https:\/\/yeeply.com\/en\/blog\/web-development\/progressive-web-apps\/"},"wordCount":794,"publisher":{"@id":"https:\/\/yeeply.com\/en\/#organization"},"image":{"@id":"https:\/\/yeeply.com\/en\/blog\/web-development\/progressive-web-apps\/#primaryimage"},"thumbnailUrl":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2018\/10\/748x493_progressive_web_app-1-1.jpg","articleSection":["Web"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/yeeply.com\/en\/blog\/web-development\/progressive-web-apps\/","url":"https:\/\/yeeply.com\/en\/blog\/web-development\/progressive-web-apps\/","name":"Progressive Web Apps: Definition, Usages, Benefits and Pitfalls","isPartOf":{"@id":"https:\/\/yeeply.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/yeeply.com\/en\/blog\/web-development\/progressive-web-apps\/#primaryimage"},"image":{"@id":"https:\/\/yeeply.com\/en\/blog\/web-development\/progressive-web-apps\/#primaryimage"},"thumbnailUrl":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2018\/10\/748x493_progressive_web_app-1-1.jpg","datePublished":"2018-10-08T07:00:40+00:00","dateModified":"2023-12-11T11:37:35+00:00","description":"Progressive web apps represent a melange of the best of web apps and native apps. In this post, you will find everything you need to know about PWAs. \u2705","breadcrumb":{"@id":"https:\/\/yeeply.com\/en\/blog\/web-development\/progressive-web-apps\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/yeeply.com\/en\/blog\/web-development\/progressive-web-apps\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/yeeply.com\/en\/blog\/web-development\/progressive-web-apps\/#primaryimage","url":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2018\/10\/748x493_progressive_web_app-1-1.jpg","contentUrl":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2018\/10\/748x493_progressive_web_app-1-1.jpg","width":748,"height":493,"caption":"Holding a smartphone with PWA - Progressive web apps"},{"@type":"BreadcrumbList","@id":"https:\/\/yeeply.com\/en\/blog\/web-development\/progressive-web-apps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/yeeply.com\/en\/"},{"@type":"ListItem","position":2,"name":"Progressive Web Apps: what are they and how do they work?"}]},{"@type":"WebSite","@id":"https:\/\/yeeply.com\/en\/#website","url":"https:\/\/yeeply.com\/en\/","name":"Yeeply","description":"A platform for the development of digital projects","publisher":{"@id":"https:\/\/yeeply.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/yeeply.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/yeeply.com\/en\/#organization","name":"Yeeply","url":"https:\/\/yeeply.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/yeeply.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/05\/logo_yeeply_black@2x.png","contentUrl":"https:\/\/yeeply.com\/en\/wp-content\/uploads\/2019\/05\/logo_yeeply_black@2x.png","width":360,"height":120,"caption":"Yeeply"},"image":{"@id":"https:\/\/yeeply.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/YeeplyMobile\/","https:\/\/x.com\/Yeeply_EN","https:\/\/www.linkedin.com\/company\/yeeply"]},{"@type":"Person","@id":"https:\/\/yeeply.com\/en\/#\/schema\/person\/c7927839158c47143448f3bcdaf7cc14","name":"Yeeply","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g","caption":"Yeeply"},"url":"https:\/\/yeeply.com\/en\/author\/yeeply\/"}]}},"uagb_featured_image_src":{"full":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2018\/10\/748x493_progressive_web_app-1-1.jpg",748,493,false],"thumbnail":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2018\/10\/748x493_progressive_web_app-1-1-150x150.jpg",150,150,true],"medium":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2018\/10\/748x493_progressive_web_app-1-1-300x198.jpg",300,198,true],"medium_large":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2018\/10\/748x493_progressive_web_app-1-1.jpg",640,422,false],"large":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2018\/10\/748x493_progressive_web_app-1-1.jpg",640,422,false],"1536x1536":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2018\/10\/748x493_progressive_web_app-1-1.jpg",748,493,false],"2048x2048":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2018\/10\/748x493_progressive_web_app-1-1.jpg",748,493,false],"gform-image-choice-sm":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2018\/10\/748x493_progressive_web_app-1-1.jpg",300,198,false],"gform-image-choice-md":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2018\/10\/748x493_progressive_web_app-1-1.jpg",400,264,false],"gform-image-choice-lg":["https:\/\/yeeply.com\/en\/wp-content\/uploads\/2018\/10\/748x493_progressive_web_app-1-1.jpg",600,395,false]},"uagb_author_info":{"display_name":"Yeeply","author_link":"https:\/\/yeeply.com\/en\/author\/yeeply\/"},"uagb_comment_info":0,"uagb_excerpt":"In this article, we will talk about Progressive Web Apps (PWAs). First of all, we are going to explain what progressive web apps are. Secondly, ...","_links":{"self":[{"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/posts\/5106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/comments?post=5106"}],"version-history":[{"count":2,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/posts\/5106\/revisions"}],"predecessor-version":[{"id":14729,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/posts\/5106\/revisions\/14729"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/media\/5154"}],"wp:attachment":[{"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/media?parent=5106"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/categories?post=5106"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yeeply.com\/en\/wp-json\/wp\/v2\/tags?post=5106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}