How to use NitroPack - WpBuilt 480622971805823
You are currently viewing How to use NitroPack

How to use NitroPack

  • Elementor Resources
  • April 29, 2022
  • 0 Comments

STEP 1: Create a Nitropack account on https://nitropack.io/pricing. Pick the FREE plan.

STEP 2: Add website URL and website name on the pop-up dialog box.

STEP 3: Go to the WordPress dashboard. Install and activate the Nitropack plugin on the site.

STEP 4: Connect the Nitropack on the site. If the site fails on connecting, you can enter the details manually or check the Nitropack dashboard if you add the site’s details correctly.

STEP 5: Go to the Nitropack dashboard on the WordPress admin dashboard. On settings, turn on the Cache Warmup and HTML Compression.

STEP 6: Wait till the Nitropack optimizes the site pages.

STEP 7: In the free version of Nitropack, there is a footer that will be automatically attached on each page of the site (https://prnt.sc/26coilk). In order to remove it, we need to add a custom script. We will need to install the “Insert Header and Footer” plugin to attach the code on the footer.

STEP 8: Go to Settings > Insert Headers and Footers and add this script on the footer and click “Save”.

<script> 

    document.addEventListener(“DOMContentLoaded”, function(){ 

        let divc = document.querySelectorAll(‘div[style]’); 

 

        for (let i = 0, len = divc.length; i < len; i++) { 

            let actdisplay = window.getComputedStyle(divc[i], null).display; let actclear = window.getComputedStyle(divc[i], null).clear

            if(actdisplay == ‘block’ && actclear == ‘both’) { 

                divc[i].remove(); 

            } 

        } 

    }); 

</script>

STEP 9: Go to the Nitropack dashboard, click “Purge Cache” and wait until it preloads the cache.

RESULT
Pagespeed Insights (https://pagespeed.web.dev/)

DESKTOP:

MOBILE:

GTmetrix (https://gtmetrix.com/)

Pingdom Tool (https://tools.pingdom.com/)

STEP 1: Create a Nitropack account on https://nitropack.io/pricing. Pick the FREE plan.

STEP 2: Add website URL and website name on the pop-up dialog box.

STEP 3: Go to the WordPress dashboard. Install and activate the Nitropack plugin on the site.

STEP 4: Connect the Nitropack on the site. If the site fails on connecting, you can enter the details manually or check the Nitropack dashboard if you add the site’s details correctly.

STEP 5: Go to the Nitropack dashboard on the WordPress admin dashboard. On settings, turn on the Cache Warmup and HTML Compression.

STEP 6: Wait till the Nitropack optimizes the site pages.

STEP 7: In the free version of Nitropack, there is a footer that will be automatically attached on each page of the site (https://prnt.sc/26coilk). In order to remove it, we need to add a custom script. We will need to install the “Insert Header and Footer” plugin to attach the code on the footer.

STEP 8: Go to Settings > Insert Headers and Footers and add this script on the footer and click “Save”.

<script> 

    document.addEventListener(“DOMContentLoaded”, function(){ 

        let divc = document.querySelectorAll(‘div[style]’); 

 

        for (let i = 0, len = divc.length; i < len; i++) { 

            let actdisplay = window.getComputedStyle(divc[i], null).display; let actclear = window.getComputedStyle(divc[i], null).clear

            if(actdisplay == ‘block’ && actclear == ‘both’) { 

                divc[i].remove(); 

            } 

        } 

    }); 

</script>

STEP 9: Go to the Nitropack dashboard, click “Purge Cache” and wait until it preloads the cache.

RESULT
Pagespeed Insights (https://pagespeed.web.dev/)

DESKTOP:

MOBILE:

GTmetrix (https://gtmetrix.com/)

Pingdom Tool (https://tools.pingdom.com/)

Leave a Reply

×

Cart