{"id":854,"date":"2023-01-28T18:23:37","date_gmt":"2023-01-28T18:23:37","guid":{"rendered":"https:\/\/www.webshouters.com\/blog\/?p=854"},"modified":"2023-10-05T06:21:00","modified_gmt":"2023-10-05T06:21:00","slug":"what-is-progressive-web-app-pwa","status":"publish","type":"post","link":"https:\/\/www.webshouters.com\/blog\/what-is-progressive-web-app-pwa\/","title":{"rendered":"What is Progressive Web App (PWA)?"},"content":{"rendered":"\n<p>Progressive Web Apps (PWAs) are a new type of web application that aims to provide a native mobile app-like experience to users while also maintaining the benefits of the web. PWAs are designed to be fast, reliable, and accessible from any device with a web browser, including smartphones, tablets, laptops, and desktops.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_68_1 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.webshouters.com\/blog\/what-is-progressive-web-app-pwa\/#PWAs_are_built_using_standard_web_technologies_such_as_HTML_CSS_and_JavaScript_and_they_are_accessed_through_a_URL_just_like_any_other_web_page\" title=\"PWAs are built using standard web technologies such as HTML, CSS, and JavaScript, and they are accessed through a URL just like any other web page.\">PWAs are built using standard web technologies such as HTML, CSS, and JavaScript, and they are accessed through a URL just like any other web page.<\/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.webshouters.com\/blog\/what-is-progressive-web-app-pwa\/#Browser_regardless_of_operating_system_or_platform\" title=\"Browser, regardless of operating system or platform.\">Browser, regardless of operating system or platform.<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.webshouters.com\/blog\/what-is-progressive-web-app-pwa\/#PWAs_are_also_designed_to_be_fast_and_responsive_even_on_slow_or_unreliable_network_connections\" title=\"PWAs are also designed to be fast and responsive, even on slow or unreliable network connections.\">PWAs are also designed to be fast and responsive, even on slow or unreliable network connections.<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.webshouters.com\/blog\/what-is-progressive-web-app-pwa\/#PWAs_are_also_designed_to_be_discoverable_and_shareable_making_it_easy_for_users_to_find_and_install_them\" title=\"PWAs are also designed to be discoverable and shareable, making it easy for users to find and install them.\">PWAs are also designed to be discoverable and shareable, making it easy for users to find and install them.<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.webshouters.com\/blog\/what-is-progressive-web-app-pwa\/#Why_use_PWA\" title=\"Why use PWA?\">Why use PWA?<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"PWAs_are_built_using_standard_web_technologies_such_as_HTML_CSS_and_JavaScript_and_they_are_accessed_through_a_URL_just_like_any_other_web_page\"><\/span>PWAs are built using standard web technologies such as <a href=\"https:\/\/www.w3schools.com\/html\/\" target=\"_blank\" rel=\"noopener\">HTML<\/a>, CSS, and JavaScript, and they are accessed through a URL just like any other web page. <span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>However, PWAs also have access to device-level APIs and can be installed on the user\u2019s home screen, providing an experience that is nearly indistinguishable from a native mobile app.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Browser_regardless_of_operating_system_or_platform\"><\/span>Browser, regardless of operating system or platform. <span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>This makes <a href=\"https:\/\/en.wikipedia.org\/wiki\/Progressive_web_app\" target=\"_blank\" rel=\"noopener\">PWAs <\/a>an ideal solution for businesses that need to reach a wide and diverse audience, as they can be used by users on any device, anywhere, at any time.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"font-size:30px\"><span class=\"ez-toc-section\" id=\"PWAs_are_also_designed_to_be_fast_and_responsive_even_on_slow_or_unreliable_network_connections\"><\/span>PWAs are also designed to be fast and responsive, even on slow or unreliable network connections.<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>This is achieved through the use of service workers, which allow PWAs to cache content and data, enabling them to work offline and providing a fast and responsive user experience.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"font-size:30px\"><span class=\"ez-toc-section\" id=\"PWAs_are_also_designed_to_be_discoverable_and_shareable_making_it_easy_for_users_to_find_and_install_them\"><\/span><a href=\"https:\/\/en.wikipedia.org\/wiki\/Progressive_web_app\" target=\"_blank\" rel=\"noopener\">PWAs<\/a> are also designed to be discoverable and shareable, making it easy for users to find and install them.<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>They can be easily shared through URLs, and they can also be discovered through search engines and other means, making it easy for businesses to promote their PWAs and reach new audiences.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" style=\"font-size:30px\"><span class=\"ez-toc-section\" id=\"Why_use_PWA\"><\/span><a href=\"https:\/\/en.wikipedia.org\/wiki\/Progressive_web_app\" target=\"_blank\" rel=\"noopener\">Why use PWA?<\/a><span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Cross-platform compatibility:<\/strong> PWAs can be accessed from any device with a web browser, making them a great solution for businesses that need to reach a wide and diverse audience.<\/li>\n\n\n\n<li><strong>Fast and responsive: <\/strong>PWAs are designed to be fast and responsive, even on slow or unreliable network connections, providing a great user experience.<\/li>\n\n\n\n<li><strong>Offline capability: <\/strong>PWAs can work offline, allowing users to access content and data even when they don\u2019t have an internet connection.<\/li>\n\n\n\n<li><strong>Easy discovery and sharing: <\/strong>PWAs can be easily shared through URLs, and they can also be discovered through search engines and other means, making it easy for businesses to reach new audiences.<\/li>\n\n\n\n<li><strong>Secure: <\/strong>PWAs use HTTPS to ensure that data is transmitted securely and to protect users from man-in-the-middle attacks, making them a safe and secure choice for businesses that handle sensitive user data.<\/li>\n\n\n\n<li><strong>Cost-effective: <\/strong>PWAs are built using standard web technologies, making them easy and cost-effective to develop and maintain.<\/li>\n\n\n\n<li><strong>Easy to update: <\/strong>PWAs can be updated through the web server, eliminating the need for users to manually update the app on their device.<\/li>\n\n\n\n<li><strong>Home screen icon: <\/strong>PWAs can be installed on the user\u2019s home screen, providing a native mobile app-like experience.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/onesignal.com\/what-are-push-notifications\" target=\"_blank\" rel=\"noopener\">Push notifications<\/a>: <\/strong>PWAs can use push notifications to keep users engaged and informed, even when they are not using the app.<\/li>\n\n\n\n<li><strong>Improved engagement and retention:<\/strong> By providing a fast, responsive, and native mobile app-like experience, PWAs can help improve engagement and retention among users.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Progressive Web Apps (PWAs) are a new type of web application that aims to provide a native mobile app-like experience&#8230;<\/p>\n","protected":false},"author":3,"featured_media":860,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23,18,12,14],"tags":[30,37],"class_list":["post-854","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development","category-ecommerce","category-software-development","category-web-development","tag-development","tag-pwa"],"jetpack_featured_media_url":"https:\/\/www.webshouters.com\/blog\/wp-content\/uploads\/2023\/01\/pwa.png","_links":{"self":[{"href":"https:\/\/www.webshouters.com\/blog\/wp-json\/wp\/v2\/posts\/854","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webshouters.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webshouters.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webshouters.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webshouters.com\/blog\/wp-json\/wp\/v2\/comments?post=854"}],"version-history":[{"count":3,"href":"https:\/\/www.webshouters.com\/blog\/wp-json\/wp\/v2\/posts\/854\/revisions"}],"predecessor-version":[{"id":945,"href":"https:\/\/www.webshouters.com\/blog\/wp-json\/wp\/v2\/posts\/854\/revisions\/945"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webshouters.com\/blog\/wp-json\/wp\/v2\/media\/860"}],"wp:attachment":[{"href":"https:\/\/www.webshouters.com\/blog\/wp-json\/wp\/v2\/media?parent=854"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webshouters.com\/blog\/wp-json\/wp\/v2\/categories?post=854"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webshouters.com\/blog\/wp-json\/wp\/v2\/tags?post=854"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}