Configure WP Rocket for Divi and Gravity Forms

I know how important page speed is. When I could use WP Rocket for Divi with my Kinsta hosting I jumped right in.

Getting a fast loading page with Divi and WordPress is made significantly easier by using WP Rocket.

WP Rocket is a premium cache tool and is one of my only choices for cache.

This is due to me using Kinsta as a host provider. They limit what I can and cant use for my cache.

Kinsta have a good cache tool already built in so that has never been a problem.

Kinsta cache is fantastic but what it is missing is what WP Rocket does very well. WP Rocket handles the minification of files, and the setup of DNS pre-fetch and defer processes for JavaScript.

Recently Kinsta and WP Rocket worked together to bring the magic of using these two amazing services together for my Divi powered WordPress site.

It took me a while to configure the plugin so in this article I thought I would go over what I did and why I did it so you too can get some amazing results with your WP Rocket for Divi configuration.

The Installation of WP Rocket for Divi

To get start simply upload the plugin as you would any other. Once installed you active it and are taken to a configuration page.

The WP Rocket Dashboard

Once you are on the dash board all I turned on was the sharing of analytics. I only turn this on for my personal sites that I own and am director for. If it is a client site I would suggest you get your clients permission before sharing this data.

On the left side of the WP Rocket panel is a menu and I simply worked my way down this menu from top to bottom.

The Cache

In the cache area I have a very simple interface, which I like.

WP Rocket Cache Settings

I’m not sure if this is more simple because of the integration with Kinsta Cache so if you get something else, it may be because you aren’t on Kinsta.

The first question is around having a separate cache for mobile devices. This is for those users who have a mobile specific theme. I don’t as I am using Divi which is responsive out of the box , so all I did was select that I want a mobile cache.

I then enable the cache for logged in users. We have a membership on this site so slowing down our logged in experience is a bad idea. If you don’t have a membership site you don’t need to turn this on.

The Cache lifespan is set to 10 hours, I left mine as that default. I may increase it in the future but we do updates regularly on our site and that means most days someone from the team edits content or code. If you are doing the same its probably a good idea to stick to the default.

This is also a good idea if you are doing daily plugin updates.

On any item you can go to the help section to get more information.

File Optimisation

In the basic settings I turned everything on. I Minify my HTML, Combine my Google Fonts and remove query strings from resources. I would recommend to anyone that is using this to use the same settings.

WP Rocket File Optimsation for Divi

When you minify your HTML to are basically reducing white space and not having all that space downloaded as file size. Yes, empty space in a file is not empty space.

Combine of Google fonts is another handy option as quite often you downloading a google font takes multiple requests and can be one of the biggest issues to slow down your site.

In the CSS files area I only select to minify the files. When using Kinsta hosting you have HTTP2. HTTP2 has all my files download at the same time so combining files is actually slower than having them separate. It wont help your page speed score but it will help your download speed.

I then turn on the option to optimise my CSS Delivery. At this point my site was running pretty fast. I have minified 2 big reasons for a slow site after your images. That is the HTML size and the CSS file size.

The biggest problem for Divi however is all the javascript.

In the javascript section things got a bit more tricky.

I turned everything on at first an my site broke. all my forms disappeared and my blog stopped working. That was a BIG problem.

What was the issue?

Basically the defer flag on loading was the problem as that was the last setting I had used.

If you defer loading of files you are loading JavaScript last and unfortunately the Divi blog module tools are not able to work with that setting.

I added the Salvatore script to my ignore section and I was still stuck with no forms. You can learn more about this here –

All my gravity forms had CSS that was hiding them. DOH.

That was annoying. After some digging around it came to my attention that any gravity form with conditional logic is hidden by default and javascript is used to the show the form.

Making my own plugin

No Matter what I did in Gravity Forms or WP Rocket I could not get it to work so I had to write my own little plugin.

You can find it here :

This makes the code for gravity forms and jQuery load as normal and not be in the defer cycle.

This solved the problem and I was able to get the site loading very fast at this point. (under 1 second).

Most days my site loads in less that 1 second. That is fantastic.

Suggested reading: When to use Gravity forms on your Divi Website

Media Configuration

In this page I turned on lazy loading for images only. I have a VR tool that often has issues with cache tools and since it uses an iframe / embed method I decided to leave this one unchecked.

WP Rocket for Divi Media Settings

I disabled the Emoji using this and removed some code from the child theme I added a year ago to do this – which is a nice saving.

Finally I disable WordPress embeds – I don’t use them so it was OK for me to turn this off. Keep in mind that if you use an embed, you may want to either reconsider why or not turn this on.

I do want to point out here that I use WP Smush for my image optimisation. If you want image optimisation on your site you wont get it from WP Rocket. You will need another tool. More than half of the page speed issues I help clients with is due to image optimisation so make sure you have that sorted to get the best results.


The preload interface for WP Rocket is really very technical. I was very interested in what it can do and how it could work.

After looking over it, i realised it was not really going to help me that much but it did have DNS Prefetch. DNS Prefetch is a really important way to get your pages loading faster.

WP Rocket for Divi Preload Setup

I added my Google Tag Manager domain, and Google Font Domains. You can see the items in the below GIST.

At this point I was completed in my setup. I currently use WP Rocket for Divi and its giving us consistent load times under 1.4 seconds for the first page load.

The Advanced rules section was not required and the Database and CDN tools were also not required. I use WP CLI for my database management and cleaning out duties. These are managed by Cron Jobs so these are simply not needed on my site.

We are thinking of reviewing the CDN in the future but we have other areas of concern on the site right now that are more important than a CDN.

you may also be interested in 7 ways to make your woo-commerce website faster

Why did I choose WP Rocket for Divi?

I have used a lot of the cache plugins. Our decision was based on 3 things,

  1. Server Support – your server has a lot to do with your page speed success so using WP Rocket for Divi on Kinsta was a good step forward.
  2. Our Plugins – I found Hummingbird to be excellent but it had no way of working with my VR Toolkit with its CDN cache. It also turned the cache on by itself and broke the page so that was removed.
  3. Plugin Support – I have used free options before but wanted a premium solution. w3 total cache and Auto Optimise were good but didnt really hit the spot for our requirements.

WP Rocket for Divi is a great combination. With this plugin we also have a great way to support gravity forms so for me its a good solution that gives fantastic results.

What Cache plugins do you use for your WordPress site?

If you want help with other options for Divi Cache let me know in the comments. We have used a heap of them and Im happy to comment or even share an article on other options.

I’ve used Hummingbird from WPMU Dev, Auto optimise and the w3 total cache with site ground.

Divi Review 2018: How Does Divi Stand Out from the Rest?

Ever wished you could wave a magic wand and get an amazing business website in an instant?

Most people would point you to WordPress to make that wish come true. It’s intuitive and right now there are over 75 million websites using WordPress to prove it.

However, making a website from WordPress isn’t as easy as people make it seem. You have to pour in hours of effort and a lot of money to get the most out of it.

That is, until the advent of Elegant Themes and their newest WordPress theme, Divi. It’s now the most popular theme in history, with over 1.2 million websites utilizing it.

But is it the optimal choice for you and your business? Are its features worth the price?

Learn more about its features, advantages, and disadvantages right here in this in-depth Divi review.

Divi Review: Features and Basics

Divi’s main point of separation is the fact that it is a multi-purpose theme.

Instead of offering only one design that you can tweak around, it gives you a full array of customization options to style any website the way you want. It’s like giving you a bunch of LEGO blocks and the freedom to build whatever you desire.

At the same time, it offers a graphical user interface that lets anyone design a site even if they have no coding experience. If you want to tweak things even further and you know how to use CSS, Divi allows you to do that too.

If there’s anything you should pick up from this Divi review, it’s that the theme is easy and flexible to craft any kind of website.

Divi Review - The features and benefits

What Kind of Websites Can You Make?

There’s been a lot of talk about how the Divi theme gives site builders the options to create any kind of site. Here are some great examples of sites you can craft using this theme and its built-in tools:

  • Personal blogs
  • Small business site
  • Affiliate and eCommerce sites
  • Landing pages
  • Sales pages
  • Portfolio site
  • Pretty much anything – it is WordPress after all!

Whether you want to build a personal site or a business site, Divi is a perfect theme for all your needs. Unlike other themes, which force you to build or buy child themes for specific needs, Divi is well made and has layouts and design tools all included.


Look up any Divi review and they’ll push the pros and cons at the bottom of the page. We’re putting these elements up top so you can get a quick glance at the advantages you get from using this theme.

The main advantages of Divi include:

  • Affordability
  • 100% customization options
  • No CSS and PHP needed
  • Drag-and-drop building
  • A/B conversion testing
  • Real-time previews
  • Weekly layouts with easy import
  • eCommerce compatibility
  • Responsive website design
  • SEO-ready

Other WordPress themes don’t offer all of these aspects together. They might force you to buy separate, third-party plug-ins but Divi offers these right from the get-go.


Nothing is perfect, and this Divi review isn’t going to pretend that Divi is any different. There are a few disadvantages but they aren’t too significant in the long run. These issues include:

  • Shortcode lock-in – Divi depends heavily on Shortcodes and this is seen as a negative by some people.
  • Overwhelming options – Sometimes finding exactly how to do something can be difficult.

At the end of the day, the downsides to using Divi are insignificant. Having too many options can be overwhelming at first but even newbie bloggers will adjust in no time.

The lock-in means your site will become a jumbled mess the moment you decide to stop using Divi. Elegant Themes have recently introduced a workaround for this and allow users to continue using the Divi Builder even after they switch to a different WordPress theme.

No Coding Required

One of the main selling points of Divi is its drag-and-drop site builder.

You can create a whole website and all its fancy features without knowing a single line of coding. You can add everything, from creating comment boxes to adding shopping cart options, with nothing but a mouse and a few clicks.

This means that anyone can make a decent website. You can customize every little detail like adjusting inner shadows, font colors, animations, and more. If you want to use CSS codes to tweak things further, Divi gives you the freedom to do so.

You can also implement additional content made by third-party developers. You can add modules that integrate Facebook video embedding, for example, and it doesn’t require coding knowledge or skills.

Drag-and-Drop Divi Builder

A/B Testing

Another reason why people give Divi a positive review is the fact that you can test different designs at the same time. Allowing you see which of your designs will lead to higher conversions.

Called Divi Leads, you can now try out different Call-to-Actions or product images to see which ones lead to better results. You can try out different layouts or animations and see which ones drive customers to buy something.

Now you no longer have to rely on blind luck. You can test and measure results to get solid information to help improve your online business.

Divi split testing - Divi Review

Real-Time Previews

Most WordPress themes offer a back-end editing dashboard. You can make changes to your site’s layout and presentation but you don’t get to see these changes until you click a preview button.

Some themes offer a front-end editing option. This gives you the freedom to see changes implemented right as you make them.

Divi gives you both of these editing options and this means you get real-time previews of changes without having to open a different page.

Free Weekly Modules

Not sure if you have the skills to design a site from scratch?

Worry no further because Divi allows you to implement layouts made by others. Called modules, you can get these ready-made layouts for free each week if you sign up for full access.

You can then take these modules to make adjustments and customization choices to turn them into something personal and unique.

This means you will get an endless supply of new layouts. Not every Divi review points this out which is a shame seeing as beginner bloggers could make a lot of use out of these modules.

Divi premade layouts - Divi Review

WooCommerce Compatibility

Do you aim to make an Amazon affiliate site? How about selling your own products and turn your blog into an eCommerce website? You can do all these and more with Divi because it offers WooCommerce compatibility.

WooCommerce isn’t the only online shopping plug-in but without a doubt, it’s the most popular. It allows you turn any WordPress site into a store that can sell anything, anywhere.

Divi allows for quick and easy integration with this tool and you won’t need any third-party adjustment tools. With a few clicks, you can implement account registration, a shopping cart, affiliate marketing tools, and more.

Responsive Design

By the year 2020, there will be an approximate 2.87 billion smartphone users. Various mobile devices have different screen sizes and you still have to consider people logging into your site using laptops and desktop monitors.

One advantage that this Divi review will point out is that the theme has an automatic responsive setting. Responsive sites adjust to a device’s screen, making sure it optimizes for any size.

This is important since it ensures anyone on any device can access your site without dealing with missing features or a cluttered design.

Responsive to any screen size - Divi Review

Affordable Price

This Divi review isn’t going to hide the one factor that many bloggers and online businesses will debate about, the price. It can look a little steep for one-person bloggers but for a small business, the price tag isn’t too high with all things considered.

Elegant Themes, the developers of the Divi theme, offer an all-in subscription package that costs $89 per year, as of the time of writing. This means for that one year of membership you get unlimited access to the weekly modules, all of Elegant Themes WordPress themes which includes Divi, and all their plug-ins.

There is also the one-time fee of $249 and this guarantees lifetime access to all of the aforementioned tools.

Comparing these prices to other themes can make it sound expensive but $249 is a lot cheaper compared to the $5,000 to $10,000 you’d pay for a professional website designer to do it all from scratch.

Built-In SEO Features

Most themes require you to add third-party SEO plug-ins to monitor basic things like click rates, bounce rates, and your link profile. That’s no longer the case with Divi because it comes with its own built-in SEO features.

The best part is that you can still use third-party content too.

Want to add a module to let you create and adjust breadcrumbs? You can do that.

Do you want to edit meta tags and conduct keyword performance on each page? You can do all that too.

Build Your Site With Divi Today

Don’t waste another moment trying to teach yourself complex CSS codes. Don’t waste thousands of dollars hiring a designer and risk getting an expensive website that doesn’t work for you.

Going through this Divi review, you’ll see there is nothing to lose using this theme. There’s a reason so many professional sites use it and it keeps getting updated with new features.

Not sure where to start? Are you already using Divi but are looking for specific plug-ins and third-party tools to further customize your site?

Contact us and we can point you in the right direction. We can show you how to make the most out of this popular theme and turn your site into a profitable investment.

Divi Vs. Elementor: Which Is Better?

Divi Vs Elementor: Which Is Better?

Thinking of enlisting the help of a webpage builder? Check out this detailed comparison of Divi vs Elementor to decide which is the best for you.

What do you use to build your site? Do you craft it from scratch, do you outsource to a web-development company, or do you use WordPress?

Many big-name companies use WordPress. Some of these include The New York Times, Forbes, Best Buy, and Sony.

The notion that WordPress is only for small-time bloggers is a thing of the past. It’s a stigma long erased by the tool’s evolving efficiency.

If you aim to use WordPress you do have one important decision to make. Will you build your site with Divi or Elementor? Both are great WordPress site builders but which one is the optimal choice for your needs?

To find out which is the better choice, take a moment to go through this Divi vs Elementor comparison.

The Basics

Elementor is a plug-in. It doesn’t offer you any themes of its own and is compatible with any theme you have running at the moment. It’s purpose is to give a GUI to build a site without any coding knowledge or experience.

Divi is both a plug-in and a WordPress theme. The developers, Elegant Themes, first released Divi as a standalone theme.

Later on, and to address updating issues, they then release the Divi Builder. This is a plug-in that you can use with any theme and not only the Divi theme. For this Divi vs Elementor comparison, we’ll take into consideration the full Divi Builder that comes with the Divi Theme since you get both upon paying for a subscription.

With the basics out of the way, the first thing you have to compare is their user interface. Both of these tools focus on giving users the opportunity to build a site with drag-and-drop options and no coding background.

User Interface

Both tools allow you to drag-and-drop to make a website. You can make a whole site without knowing a single line of coding. The big difference, though, is the level of customization you get.

Elementor only offers front-end editing. Whenever you add a new element and edit it, the changes appear in that instant. It’s an example of what-you-see-is-what-you-get.

Divi has front-end and back-end editing. Back-end editing allows editing on a blank space before implementing to see results. This is better for those who work with the big picture in mind.

While most people will prefer front-end editing, it is nice to see Divi offer both options. It gives you the freedom to switch back and forth.

It also supports text in-line editing. This means you can edit text right at the element instead of typing back in a separate sidebar.

In this Divi vs Elementor comparison, the former gets an edge with its user interface.


Shortcodes have been around since the advent of WordPress 2.5 several years back. These are bits of code that let you achieve various tasks with little time and effort needed. You can do more with less time and less coding required.

Divi uses shortcodes and some people look at this as a negative. When you move from Divi to another site builder, you have to do it by hand because the new builder might not read the shortcodes Divi utilized. This is why you’ll hear the saying “Divi is for life” since there’s the notion you are stuck and reliant on it.

That’s not the case. If you do move onto a new builder or theme, you can still use the shortcodes since you can still use the Divi Builder as a plug-in.

The more important question is: why shy away from shortcodes?

WordPress gets new updates all the time and instead of eliminating shortcodes, the platform continues to show support for it.

Shortcodes improve efficiency since you don’t have to repeat the same line of code for repeating functions. They also allow custom markup that makes your WordPress site look unique compared to the others. You can add a text widget straight into your header, something you shouldn’t be able to do.

Without shortcodes, your site will look generic and will not be as efficient as you’d hope. This gives Divi a major advantage in the Divi vs Elementor comparison.

Pre-Made Templates

This is another aspect where the Divi vs Elementor conversation can end in a tie. Both tools offer a wide array of templates you can use, especially if you don’t want to build a site from scratch.

At first glance, it may seem like Elementor has the advantage. Upon looking into its library of templates, you’ll see that it offers more than what you get from Divi. This is if you don’t dig in a little further.

Getting a paid subscription for Divi unlocks a wider library of pre-made templates. You also get new templates, made by other users, on a weekly basis. This focus on user-generated content makes Divi feel like a stronger, connected community.

This gives Divi a slight advantage over Elementor in this regard.

Styling Options

Elementor has elements and Divi has modules. Though the terms are different, their functions are the same. These are the drag-and-drop tools to make your site.

Both offer the most basic tools for adding:

  • Text
  • Images
  • Headers
  • Footers
  • Buttons

They do come with a few exclusives. Some of the elements from Elementor include:

  • Testimonial
  • Portfolio grid
  • Price tables

Divi also comes with these tools but it has special modules you won’t find anywhere else. Some of these exclusive modules include:

In the discussion between Divi vs Elementor, it is important to point out that both also support drag-and-drop widget-support. The lead still goes to Divi, however, because over time it earned a few more modules to offer compared to the elements that Elementor has.

Third-Party Support

Both Divi and Elementor allow you to tweak things further with third-party plug-ins, PHP coding, and CSS coding. The reason why Divi gains the advantage here is that it has been around for much longer.

People turned to Divi as early as 2013, right when blogging was still in its infancy and still gaining traction. Elementor, on the other hand, is fairly new to the WordPress market. This means more themes and plug-ins are compatible with Divi.

Divi is the go-to tool for building and is the most popular choice.

There are over 1.2 million WordPress sites built with Divi. The next tool behind it is Avada, with over 414,000 sites using it. This goes to show how many people and professional developers rely on Divi to design and operate their websites.

Elementor doesn’t even come close. It is gaining popularity nowadays, along with Beaver Builder, but they are still very new to the game. You won’t see full third-party support until after a few years and by then Divi will gain even more traction.

For this Divi vs Elementor review, Divi gets a big lead here.

Built-In Tools

This is where the Divi vs Elementor debate favors only one side. Divi gains a big advantage because while they both feature great built-in tools, it has an A/B split testing tool called Divi Leads.

Divi Leads allows you to test different versions of your site and modules to determine which one will perform better. Now you can run both versions of your site and see which version will get more conversions, more engagement, and more sales.

Why split-test? You need to determine whether or not the design you have is the optimal one to achieve higher conversions and profit without spending too many resources.

Another built-in tool that Divi offers is the Role Editor. Now, with an intuitive graphical dashboard, you can control how much access each WordPress user gets when they log in and work on your site.


Elementor has three pricing options:

  • $49 per year for use on 1 site
  • $99 per year for only 3 sites
  • $199 per year for an unlimited number

All three do come with unlimited access to all of the annual updates and features. Still, if you like building several websites to connect multiple business or blogs then Elementor may be too expensive; it’s also limited compared because of how few websites you can build with the money you pay for.

Divi only has two payment options but either one is a better choice than what you get with Elementor. With Divi, you can either pay:

  • $89 per year for unlimited website usage
  • $249 for lifetime usage

Both plans come with unlimited access to all of Divi’s other tools and updates. You also get access to all of Elegant’s other themes and plug-ins. That means access to the Divi Builder and over 80 other WordPress themes.

Like the advantage of having Divi Leads, the pricing makes all the difference between the two. If you want an affordable option that gives you more utility and practical tools then Divi is the better choice.

Divi vs Elementor: The Verdict

At the end of the day, both Divi and Elementor are some of the greatest site builders for the WordPress platform. Both offer a lot of flexibility and options to help you design the kind of website you want.

If you have to choose between Divi vs Elementor, there’s no doubt that Divi is the clear winner. It’s more affordable, it has better exclusive tools like Divi Leads and Role Editor, and its newer updates ensure it doesn’t get outdated.

Do you think Divi is the best site builder for your needs? Do you want custom plug-ins and other Divi-compatible tools to help you achieve the design you want?

Get in touch with us now and we can help you build your site with Divi and other useful tools.

7 ways to make your WooCommerce website faster

You should know by now that page speed is important. To help you get faster we have put together our 7 tips on how to make your WooCommerce website faster.

The faster the page load, the more likely you will get a sale or lead.

This makes page load times even more important for E-Commerce.

At M R K Websites and Divi Framework, we love WooCommerce and WordPress for our E-Commerce websites.

I use WooCommerce as our preferred platform for an E-Commerce store.

So let’s jump into the list on how to make your WooCommerce website faster.


Whats coming up – January update for 2018

Hey Divi community, thought I would drop a quick update in here.

It was a busy end of last year and already a busy start to 2018.

This week we have some awesome stuff in final testing and I can’t wait to release them all.

First up, Restrict Members Tool for Divi.

If you using Divi and WooCommerce Memberships you’re going to love this one. It is so helpful and is part of what we use right here on Divi Framework to make great product pages.

We have an update about to role out for the video editor with new tools around that to help you do even more with your videos. Lots of new triggers and tools to show those videos. This update should be out in a bit over a week.

We have a new mini-course to be released in February on Yoast Local. This will cover making child themes to use Divi in your locations when using multiple locations. It’s really cool and will be our first Learning product. We will follow up on that with some great tips for SEO with Divi and how to get the most out of the Divi builder for your SEO.

Next, we have a publications tool to help you manage PDF downloads. Its great for government organisations and places that need lots of downloadable PDF documents all managed in a post type and displayed with Divi Modules.

We have a few more social media tools as well, twitter feeds, facebook feeds all easily pulled into your pages the same as our Instagram Divi Plugin.

Finally, we are looking at preparing the same knowledgebase we use right here on Divi Framework to be released as a module as well.

So overall this will take our site to over 25 plugins, 4 child themes with more to come.

When will we have this all released? That’s a great question.

The restrict member’s plugin will release on the 15th on January with weekly releases taking us into the end of March with all the various updates we have.

Its exciting time here at Divi Framework and we hope you’re all excited about what is to come.

If you haven’t yet downloaded our free products, what are you waiting for? Give them a whirl and get on the email list.

For those that are using Facebook, keep an eye out for some special offers with our friends at Divi Tuts

Divi Framework - build anything with Divi to create your online business.

30 day money back guarantee

Safe & Secure online payment

Support team & documentation