{"id":108,"date":"2019-05-20T08:24:13","date_gmt":"2019-05-20T08:24:13","guid":{"rendered":"http:\/\/pwa-for-wp.com\/docs\/?post_type=ht_kb&#038;p=108"},"modified":"2020-02-28T11:21:43","modified_gmt":"2020-02-28T11:21:43","slug":"how-to-check-pwa-is-working-or-not","status":"publish","type":"ht_kb","link":"https:\/\/pwa-for-wp.com\/docs\/article\/how-to-check-pwa-is-working-or-not\/","title":{"rendered":"How to check if PWA is working or not on your website"},"content":{"rendered":"<p><strong>Here\u2019s a quick guide to know\u00a0<\/strong><strong>how to check PWA is working or not.<\/strong><\/p>\n<p><strong>So let\u2019s get into it.<\/strong><\/p>\n<h3>There are two ways to check if PWA is working or not on your website<\/h3>\n<ol>\n<li style=\"list-style-type: none;\">\n<ol>\n<li style=\"list-style-type: none;\">\n<ol>\n<li class=\"devsite-page-title\">\n<p class=\"devsite-page-title\"><strong><a href=\"https:\/\/pwa-for-wp.com\/docs\/article\/how-to-check-pwa-is-working-or-not\/#1-audits-pwa\">Audits PWA<\/a><\/strong><\/p>\n<\/li>\n<li class=\"devsite-page-title\">\n<p class=\"devsite-page-title\"><a href=\"https:\/\/pwa-for-wp.com\/docs\/article\/how-to-check-pwa-is-working-or-not\/#2-webpagetest-lighthouse-test\"><strong>WebPagetest Lighthouse Test<\/strong><\/a><\/p>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<h4 class=\"devsite-page-title\"><mark style=\"background-color: #f5f5f5;\">1. <strong>Audits PWA<\/strong><\/mark><\/h4>\n<p><strong>a)<\/strong> Press F12 to open the developer panel in Chrome -&gt; Click on the<strong> Audits <\/strong>tab -&gt; Make sure the \u201c<strong>Progressive Web App<\/strong>\u201d option is checked. You can uncheck the others for now. Then click on the \u201c<strong>Generate report<\/strong>\u201d button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1027\" src=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/PWA-1.png\" alt=\"\" width=\"1366\" height=\"768\" srcset=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/PWA-1.png 1366w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/PWA-1-300x169.png 300w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/PWA-1-768x432.png 768w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/PWA-1-1024x576.png 1024w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/PWA-1-50x28.png 50w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/PWA-1-60x34.png 60w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/PWA-1-100x56.png 100w\" sizes=\"auto, (max-width: 1366px) 100vw, 1366px\" \/><\/p>\n<p><strong>b)<\/strong>\u00a0Once you click on &#8220;<strong>Generates reports<\/strong>&#8221; button it will display the result and you need to click on Progressive Web APP option like below the screenshot.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-114 aligncenter\" src=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/2.png\" alt=\"\" width=\"1346\" height=\"345\" srcset=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/2.png 1346w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/2-300x77.png 300w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/2-768x197.png 768w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/2-1024x262.png 1024w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/2-50x13.png 50w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/2-60x15.png 60w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/2-100x26.png 100w\" sizes=\"auto, (max-width: 1346px) 100vw, 1346px\" \/><\/p>\n<p><strong>c)<\/strong>\u00a0Lighthouse generates an HTML page with the results. An example page is shown below.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-146\" src=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/3-1.png\" alt=\"\" width=\"1357\" height=\"669\" srcset=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/3-1.png 1357w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/3-1-300x148.png 300w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/3-1-768x379.png 768w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/3-1-1024x505.png 1024w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/3-1-50x25.png 50w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/3-1-60x30.png 60w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/3-1-100x49.png 100w\" sizes=\"auto, (max-width: 1357px) 100vw, 1357px\" \/><\/p>\n<h4><mark style=\"background-color: #f5f5f5;\">2. WebPagetest Lighthouse Test:<\/mark><\/h4>\n<p>a) Here is the official website &#8211; <a href=\"https:\/\/www.webpagetest.org\/lighthouse\">https:\/\/www.webpagetest.org\/lighthouse<\/a><\/p>\n<p>b) You need to enter your URL and click on the &#8220;start test&#8221;\u00a0 like below the screenshot.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-119\" src=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/4-1.png\" alt=\"\" width=\"1006\" height=\"386\" srcset=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/4-1.png 1006w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/4-1-300x115.png 300w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/4-1-768x295.png 768w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/4-1-50x19.png 50w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/4-1-60x23.png 60w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/4-1-100x38.png 100w\" sizes=\"auto, (max-width: 1006px) 100vw, 1006px\" \/><\/p>\n<p><strong>c)<\/strong>\u00a0Once you click on &#8220;start test&#8221; button it will display the result and you need to click on Progressive Web APP option like below the screenshot.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-121\" src=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/5.png\" alt=\"\" width=\"1296\" height=\"387\" srcset=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/5.png 1296w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/5-300x90.png 300w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/5-768x229.png 768w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/5-1024x306.png 1024w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/5-50x15.png 50w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/5-60x18.png 60w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/5-100x30.png 100w\" sizes=\"auto, (max-width: 1296px) 100vw, 1296px\" \/><\/p>\n<p><strong>d)<\/strong>\u00a0Lighthouse generates an HTML page with the results. An example page is shown below.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-144 aligncenter\" src=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/install-3.png\" alt=\"\" width=\"1280\" height=\"589\" srcset=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/install-3.png 1280w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/install-3-300x138.png 300w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/install-3-768x353.png 768w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/install-3-1024x471.png 1024w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/install-3-50x23.png 50w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/install-3-60x28.png 60w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/install-3-100x46.png 100w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/p>\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n<p>We hope we\u2019ve clear your doubts in case If you have any feedback or questions, Just contact us <b>here and<\/b>\u00a0we are always available for you.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here\u2019s a quick guide to know\u00a0how to check PWA is working or not. So let\u2019s get into it. There are two ways to check if PWA is working or not on your website Audits PWA WebPagetest Lighthouse Test 1. Audits PWA a) Press F12 to open the developer panel in&#8230;<\/p>\n","protected":false},"author":3,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[6],"ht-kb-tag":[],"class_list":["post-108","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-how-to"],"_links":{"self":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/comments?post=108"}],"version-history":[{"count":22,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/108\/revisions"}],"predecessor-version":[{"id":1035,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/108\/revisions\/1035"}],"wp:attachment":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/media?parent=108"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=108"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}