{"id":65,"date":"2022-11-29T06:09:42","date_gmt":"2022-11-29T06:09:42","guid":{"rendered":"https:\/\/superpwa.com\/documentation\/?post_type=ht_kb&p=65"},"modified":"2022-11-30T04:38:46","modified_gmt":"2022-11-30T04:38:46","slug":"how-to-setup-precaching-in-superpwa","status":"publish","type":"ht_kb","link":"https:\/\/superpwa.com\/docs\/article\/how-to-setup-precaching-in-superpwa\/","title":{"rendered":"How to Setup Precaching in SuperPWA"},"content":{"rendered":"\n

Introduction to Precaching: <\/strong>One of the most important features of SuperPWAs is the ability to load fast and to work on slow network conditions or even offline. To achieve this, we can use a service worker to precache the app and, when available, use the network only to fetch necessary data.<\/p>\n\n\n\n

In our SuperPWA<\/a><\/strong> plugin, we\u2019ve implemented the Pre-caching functionality which helps you to cache the content.<\/p>\n\n\n\n

There are two ways you can cache the content <\/strong><\/p>\n\n\n\n

    \n
  1. Automatic<\/a><\/strong><\/li>\n\n\n\n
  2. Manual<\/a><\/strong><\/li>\n<\/ol>\n\n\n\n

    Step 1:<\/strong> You need to go to WordPress Dashboard <\/strong>-> SuperPWA<\/strong> -> Add-ons<\/strong>-> Click on the Caching Strategies<\/strong> Add-on “Activate<\/strong>” button<\/p>\n\n\n\n

    \"71\"<\/figure>\n\n\n\n

    Step 2:<\/strong> After Activating Caching Strategies<\/strong> plugin you need to click on the settings button as shown below the screenshot.<\/p>\n\n\n\n

    \"Super<\/figure>\n\n\n\n

    1) Automatic<\/strong><\/h4>\n\n\n\n