{"id":6621,"date":"2021-09-28T05:27:38","date_gmt":"2021-09-28T05:27:38","guid":{"rendered":"https:\/\/letket.com\/?p=6621"},"modified":"2021-09-28T05:27:38","modified_gmt":"2021-09-28T05:27:38","slug":"progressive-web-applications-pwa","status":"publish","type":"post","link":"https:\/\/staging.letket.com\/progressive-web-applications-pwa\/","title":{"rendered":"Progressive Web Applications &#8211; PWA"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Progressive Web Applications (PWA) combine new technologies with established best practices for creating reliable, accessible, and engaging experiences. They give users a native-like experience with a user friendly opt-in installation flow.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">I- What are Progressive Web Applications<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A progressive web application takes advantage of the latest technologies to <strong>combine the best of web and mobile apps<\/strong>. Think of it as a website built using web technologies but that acts and feels like an app. Recent advancements in the browser and in the availability of service workers and in the Cache and Push APIs have enabled web developers to allow users to install web apps to their home screen, receive push notifications and even work offline.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">II- Properties of  Progressive Web Applications <\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">PWAs have plenty properties. They are: <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1- Reliable<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A PWA should launch and give users meaningful content regardless of network conditions. The level of offline functionality will depend on the application \u2013 some applications will be able to function completely offline. Others will display meaningful placeholder data informing the user that they are offline. In no case should the application break or become unresponsive.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2- Responsive<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Progressive Web Applications should be able to adapt to different screen sizes and orientations. That will ensure that the user experience is great for all users. A good responsive design helps to ensure that your application will continue to work with new devices in the future.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3- Engaging<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Traditionally, native applications have been much more engaging than web applications. Having an icon on the home screen makes it easy to get into the app. Push notifications can help alert the user of important information that requires their attention. With Progressive Web Applications, users can now get the same benefits with web apps.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4- Secure<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Progressive Web Apps are secure by default. The technologies powering PWA require apps to be served over HTTPS to work.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">III- Importance of building a PWA<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For many companies, especially those building apps for internal use, the cost of developing, testing, and maintaining applications for several platforms is unreasonable. Gartner for example predicts that by next year, up to 20% of companies will abandon their native mobile applications. Instead, they believe that PWA will become a more viable alternative to them.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">IV- Who is already using Progressive Web Applications?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Even though Progressive Web Apps build on new technologies, they are already widely in use in the industry. Some of the larger showcases for PWA are:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"650\" height=\"300\" src=\"https:\/\/letket.com\/wp-content\/uploads\/2021\/09\/pwa-used-by.jpg\" alt=\"\" class=\"wp-image-6623\" srcset=\"https:\/\/staging.letket.com\/wp-content\/uploads\/2021\/09\/pwa-used-by.jpg 650w, https:\/\/staging.letket.com\/wp-content\/uploads\/2021\/09\/pwa-used-by-300x138.jpg 300w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><figcaption>Did you enjoy this blog? Please leave comments on what you think and <a href=\"https:\/\/letket.com\/contact-us\">contact us<\/a> if you want to take our services \ud83d\ude0a.<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Progressive Web Applications (PWA) combine new technologies with established best practices for creating reliable, accessible, and engaging experiences. They give users a native-like experience with a user friendly opt-in installation flow. I- What are Progressive Web Applications A progressive web application takes advantage of the latest technologies to combine the best of web and mobile [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6622,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-6621","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Progressive Web Applications - PWA - letket<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Progressive Web Applications - PWA - letket\" \/>\n<meta property=\"og:description\" content=\"Progressive Web Applications (PWA) combine new technologies with established best practices for creating reliable, accessible, and engaging experiences. They give users a native-like experience with a user friendly opt-in installation flow. I- What are Progressive Web Applications A progressive web application takes advantage of the latest technologies to combine the best of web and mobile [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/staging.letket.com\/progressive-web-applications-pwa\/\" \/>\n<meta property=\"og:site_name\" content=\"letket\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-28T05:27:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/staging.letket.com\/wp-content\/uploads\/2021\/09\/Apps_w960_h782.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"960\" \/>\n\t<meta property=\"og:image:height\" content=\"782\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Omar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Omar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/staging.letket.com\/progressive-web-applications-pwa\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/staging.letket.com\/progressive-web-applications-pwa\/\"},\"author\":{\"name\":\"Omar\",\"@id\":\"https:\/\/staging.letket.com\/#\/schema\/person\/ea497118336ec821ad0a265eeccf5e42\"},\"headline\":\"Progressive Web Applications &#8211; PWA\",\"datePublished\":\"2021-09-28T05:27:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/staging.letket.com\/progressive-web-applications-pwa\/\"},\"wordCount\":431,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/staging.letket.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/staging.letket.com\/progressive-web-applications-pwa\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/staging.letket.com\/wp-content\/uploads\/2021\/09\/Apps_w960_h782.jpg\",\"articleSection\":[\"Tech\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/staging.letket.com\/progressive-web-applications-pwa\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/staging.letket.com\/progressive-web-applications-pwa\/\",\"url\":\"https:\/\/staging.letket.com\/progressive-web-applications-pwa\/\",\"name\":\"Progressive Web Applications - PWA - letket\",\"isPartOf\":{\"@id\":\"https:\/\/staging.letket.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/staging.letket.com\/progressive-web-applications-pwa\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/staging.letket.com\/progressive-web-applications-pwa\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/staging.letket.com\/wp-content\/uploads\/2021\/09\/Apps_w960_h782.jpg\",\"datePublished\":\"2021-09-28T05:27:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/staging.letket.com\/progressive-web-applications-pwa\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/staging.letket.com\/progressive-web-applications-pwa\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/staging.letket.com\/progressive-web-applications-pwa\/#primaryimage\",\"url\":\"https:\/\/staging.letket.com\/wp-content\/uploads\/2021\/09\/Apps_w960_h782.jpg\",\"contentUrl\":\"https:\/\/staging.letket.com\/wp-content\/uploads\/2021\/09\/Apps_w960_h782.jpg\",\"width\":960,\"height\":782},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/staging.letket.com\/progressive-web-applications-pwa\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/staging.letket.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Progressive Web Applications &#8211; PWA\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/staging.letket.com\/#website\",\"url\":\"https:\/\/staging.letket.com\/\",\"name\":\"letket\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/staging.letket.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/staging.letket.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/staging.letket.com\/#organization\",\"name\":\"letket\",\"url\":\"https:\/\/staging.letket.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/staging.letket.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/staging.letket.com\/wp-content\/uploads\/2025\/02\/logo-letket.png\",\"contentUrl\":\"https:\/\/staging.letket.com\/wp-content\/uploads\/2025\/02\/logo-letket.png\",\"width\":1440,\"height\":1024,\"caption\":\"letket\"},\"image\":{\"@id\":\"https:\/\/staging.letket.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/staging.letket.com\/#\/schema\/person\/ea497118336ec821ad0a265eeccf5e42\",\"name\":\"Omar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/staging.letket.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8f8354315d6f8937ec81e0b76dfd67ca33edf18856077937251f943f71b61d31?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8f8354315d6f8937ec81e0b76dfd67ca33edf18856077937251f943f71b61d31?s=96&d=mm&r=g\",\"caption\":\"Omar\"},\"sameAs\":[\"https:\/\/staging.letket.com\"],\"url\":\"https:\/\/staging.letket.com\/author\/omar\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Progressive Web Applications - PWA - letket","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Progressive Web Applications - PWA - letket","og_description":"Progressive Web Applications (PWA) combine new technologies with established best practices for creating reliable, accessible, and engaging experiences. They give users a native-like experience with a user friendly opt-in installation flow. I- What are Progressive Web Applications A progressive web application takes advantage of the latest technologies to combine the best of web and mobile [&hellip;]","og_url":"https:\/\/staging.letket.com\/progressive-web-applications-pwa\/","og_site_name":"letket","article_published_time":"2021-09-28T05:27:38+00:00","og_image":[{"width":960,"height":782,"url":"https:\/\/staging.letket.com\/wp-content\/uploads\/2021\/09\/Apps_w960_h782.jpg","type":"image\/jpeg"}],"author":"Omar","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Omar","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/staging.letket.com\/progressive-web-applications-pwa\/#article","isPartOf":{"@id":"https:\/\/staging.letket.com\/progressive-web-applications-pwa\/"},"author":{"name":"Omar","@id":"https:\/\/staging.letket.com\/#\/schema\/person\/ea497118336ec821ad0a265eeccf5e42"},"headline":"Progressive Web Applications &#8211; PWA","datePublished":"2021-09-28T05:27:38+00:00","mainEntityOfPage":{"@id":"https:\/\/staging.letket.com\/progressive-web-applications-pwa\/"},"wordCount":431,"commentCount":0,"publisher":{"@id":"https:\/\/staging.letket.com\/#organization"},"image":{"@id":"https:\/\/staging.letket.com\/progressive-web-applications-pwa\/#primaryimage"},"thumbnailUrl":"https:\/\/staging.letket.com\/wp-content\/uploads\/2021\/09\/Apps_w960_h782.jpg","articleSection":["Tech"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/staging.letket.com\/progressive-web-applications-pwa\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/staging.letket.com\/progressive-web-applications-pwa\/","url":"https:\/\/staging.letket.com\/progressive-web-applications-pwa\/","name":"Progressive Web Applications - PWA - letket","isPartOf":{"@id":"https:\/\/staging.letket.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/staging.letket.com\/progressive-web-applications-pwa\/#primaryimage"},"image":{"@id":"https:\/\/staging.letket.com\/progressive-web-applications-pwa\/#primaryimage"},"thumbnailUrl":"https:\/\/staging.letket.com\/wp-content\/uploads\/2021\/09\/Apps_w960_h782.jpg","datePublished":"2021-09-28T05:27:38+00:00","breadcrumb":{"@id":"https:\/\/staging.letket.com\/progressive-web-applications-pwa\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/staging.letket.com\/progressive-web-applications-pwa\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/staging.letket.com\/progressive-web-applications-pwa\/#primaryimage","url":"https:\/\/staging.letket.com\/wp-content\/uploads\/2021\/09\/Apps_w960_h782.jpg","contentUrl":"https:\/\/staging.letket.com\/wp-content\/uploads\/2021\/09\/Apps_w960_h782.jpg","width":960,"height":782},{"@type":"BreadcrumbList","@id":"https:\/\/staging.letket.com\/progressive-web-applications-pwa\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/staging.letket.com\/"},{"@type":"ListItem","position":2,"name":"Progressive Web Applications &#8211; PWA"}]},{"@type":"WebSite","@id":"https:\/\/staging.letket.com\/#website","url":"https:\/\/staging.letket.com\/","name":"letket","description":"","publisher":{"@id":"https:\/\/staging.letket.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/staging.letket.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/staging.letket.com\/#organization","name":"letket","url":"https:\/\/staging.letket.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/staging.letket.com\/#\/schema\/logo\/image\/","url":"https:\/\/staging.letket.com\/wp-content\/uploads\/2025\/02\/logo-letket.png","contentUrl":"https:\/\/staging.letket.com\/wp-content\/uploads\/2025\/02\/logo-letket.png","width":1440,"height":1024,"caption":"letket"},"image":{"@id":"https:\/\/staging.letket.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/staging.letket.com\/#\/schema\/person\/ea497118336ec821ad0a265eeccf5e42","name":"Omar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/staging.letket.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8f8354315d6f8937ec81e0b76dfd67ca33edf18856077937251f943f71b61d31?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8f8354315d6f8937ec81e0b76dfd67ca33edf18856077937251f943f71b61d31?s=96&d=mm&r=g","caption":"Omar"},"sameAs":["https:\/\/staging.letket.com"],"url":"https:\/\/staging.letket.com\/author\/omar\/"}]}},"_links":{"self":[{"href":"https:\/\/staging.letket.com\/letket-api\/wp\/v2\/posts\/6621","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.letket.com\/letket-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staging.letket.com\/letket-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staging.letket.com\/letket-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.letket.com\/letket-api\/wp\/v2\/comments?post=6621"}],"version-history":[{"count":0,"href":"https:\/\/staging.letket.com\/letket-api\/wp\/v2\/posts\/6621\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staging.letket.com\/letket-api\/wp\/v2\/media\/6622"}],"wp:attachment":[{"href":"https:\/\/staging.letket.com\/letket-api\/wp\/v2\/media?parent=6621"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/staging.letket.com\/letket-api\/wp\/v2\/categories?post=6621"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging.letket.com\/letket-api\/wp\/v2\/tags?post=6621"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}