How to use NitroPack - WpBuilt 480322971715823
How to use NitroPack

How to use NitroPack

  • Elementor Resources
  • January 13, 2022

STEP 1: Create a Nitropack account on 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 ( 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”.


    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’) { 






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

Pagespeed Insights (



GTmetrix (

Pingdom Tool (

    --- Code rewritten by Kenoma for OCD issues--
  • Demo
  • Download

Leave a Reply

phone -

Get your FREE Web
Design Brief Template

Get your FREE Web
Design Brief Template