Maintaining a website that loads fast and always displays the newest content can be challenging.
NitroPack addresses this by expertly managing cache invalidation, a crucial process for any dynamic website. This ensures that your website visitors always encounter the most up-to-date content, delivered with optimal performance.
The Role of Cache Invalidation in Web Optimization
Cache invalidation is essential for keeping website content current. Whenever there's an update in content or design, NitroPack detects these changes and invalidates the cache of the affected page. It then starts building new cache files in the background and serves them to visitors when they’re ready.
This process ensures that the outdated cached version is automatically and immediately replaced with a newly optimized version, reflecting the latest updates.
NitroPack's Integration with Specific Builders and Themes
NitroPack seamlessly integrates with various popular builders and themes, simplifying the task of keeping web content both fresh and fast.
NitroPack is compatible with the following builders:
Divi Builder
Fusion Builder
Beaver Builder
Avada Website Builder
Elementor
SiteOrigin
Slider Revolution
Visual Composer
WPBakery
ProductGallery
NitroPack is compatible with these themes:
Elegant Themes
Sena
Jupiter
Davenport
Thrive
Astra
Hyvä themes (Magento 2)
Avada
Betheme
Cornerstone
Enfold
Flatsome
GeneratePress
Hello Elementor
Neve
OceanWP
Sydney
The7
Builders/Themes That Need Extra Configuration and How to Set Them Up
Although NitroPack is compatible with the listed themes/builders, some of them come with built-in performance optimization features that overlap with NitroPack.
In that case, you need to fine-tune some of the settings in order to guarantee that both solutions work as expected.
Here's how to do it:
Astra Theme
To ensure optimal performance and prevent conflicts between the Astra theme and NitroPack, please adjust the following settings within your Astra dashboard:
CSS File Generation For Speed Optimization: Should be disabled.
Optimized Google Fonts: This should be disabled if you are using the "Optimize Google Fonts" feature in NitroPack.
Additionally, please be aware that Astra has a built-in image lazy loading function. On occasion, this may conflict with NitroPack’s lazy loading and could require custom configuration from our support team to resolve.
Flatsome Theme
To guarantee compatibility and smooth operation when using the Flatsome theme with NitroPack, please adjust these Flatsome built-in settings:
Lazy load images: Must be disabled.
Preload pages: This feature's compatibility can vary. We recommend investigating its effect and consulting with your developers if you wish to use it alongside NitroPack.
Avada Theme
To get the best results from NitroPack while using the Avada theme, it's important to disable a few of its built-in optimization features. This prevents them from interfering with NitroPack's optimizations.
CSS compiling method: Must be disabled.
Load Media-Queries files asynchonously: Must be disabled.
Enable JS Compiler: Must be disabled.
Enable Lazy loading: Must be disabled.
Divi Theme
Of course, here is the continuation for Divi and Beaver Builder in the same format.
Divi Theme
The Divi theme includes a powerful set of performance options that can sometimes overlap with NitroPack's optimizations. To achieve a stable configuration and prevent conflicts, we recommend adjusting the following settings within Divi's Theme Options:
Load dynamic stylesheets: Must be disabled.
Critical CSS: Must be disabled.
Delete additional third party scripts: Must be disabled.
In general, Divi requires thorough testing. We recommend using our Strong optimization mode for the best balance of performance and stability.
Elementor Pro
For seamless integration between Elementor Pro and NitroPack, we recommend configuring the following built-in performance features:
Element Caching: Should be disabled.
Improved CSS loading: Should be disabled.
Additional custom breakpoints: This setting should be left as default.
We also suggest disabling any experimental features related to performance within Elementor to avoid potential issues.
Beaver Builder
Beaver Builder creates its own cache for stylesheet files, which can interfere with NitroPack's optimization process. To prevent potential layout issues and ensure visual consistency, we advise adding the following exclusion to your NitroPack settings:
Path to exclude:
*/uploads/bb-plugin/cache/*
This path should be excluded from all CSS optimization operations in your NitroPack settings to prevent conflicts with Beaver Builder's generated styles.
Fusion Builder
Fusion Builder, the core page builder for the Avada theme, dynamically generates its own CSS files which are crucial for your site's layout. To prevent conflicts and ensure these styles always load as intended, we recommend excluding its dedicated styles directory from NitroPack's optimizations.
Path to exclude:
*/uploads/fusion-styles/*
This path should be excluded from all CSS optimization operations in your NitroPack settings.
Revolution Slider
When using the Revolution Slider plugin, the following settings may need to be adjusted to work correctly with NitroPack's optimizations:
Lazy load on BG images: This setting should be checked and likely disabled if you experience issues with background images.
Rendering Engine: In rare cases of conflict, you may need to change the rendering engine from SR7 to SR6 within the slider's settings.
Working with Other Builders and Themes
NitroPack is also compatible with other builders and themes. However, their integration may require additional cache settings adjustments to achieve optimal performance.
📌 If you need assistance or have any questions, you can contact our Support team using the chat bubble on the bottom right of this page.
How to Purge Your Cache Manually
In some cases, you may want to purge your cache right after you apply a change to your page’s design or content instead of relying on NitroPack’s system to invalidate your cache. Then, you can purge it manually from your NitroPack app. Here’s how to do it:
For Individual Pages:
Log into your NitroPack account
Open ‘Cache Insights’
Go to 'Page optimization status'
Find the search section
Input the URL of the page needing an update and initiate the purge. This action refreshes the cached version of that page with updated content.
For your entire site:
Log into your NitroPack account
Go to the dashboard
Click on 'Purge cache'
Purging your cache ensures every page on the site is re-optimized to reflect recent changes.
For more detailed guidelines, visit NitroPack's Purge Cache Instructions and Understanding Your Cache with NitroPack.