Skip to main content

Using NitroPack with Page Builders and Themes: Optimizing and Updating Web Content Automatically

Updated over 2 weeks ago

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:

  1. Log into your NitroPack account

  2. Open ‘Cache Insights’

  3. Go to 'Page optimization status'

  4. Find the search section

  5. 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:

  1. Log into your NitroPack account

  2. Go to the dashboard

  3. Click on 'Purge cache'

Purging your cache ensures every page on the site is re-optimized to reflect recent changes.

Did this answer your question?