Website loading speed is crucial for maintaining great SEO and reducing a website’s bounce rate. There are lots of caching plugins available that can boost performance, but most caching plugins are generic. They work with the major settings for most themes rather than targeting specific needs or features of a theme. Now, there’s a caching plugin that was designed specifically for Divi.
Divi Rocket is a third-party plugin that was designed to be “Divi aware.” It’s familiar with how Divi works, and with Divi sections and modules. It knows what to cache and what to check on a Divi page when regenerating cache. In this article, we’ll take a look at Divi Rocket, see what it can do, and see how easy it is to use.
Installation and Activation
Before you can use Divi Rocket you need to enter your license key. Go to Divi > Divi Rocket in the dashboard menu. Once you activate the plugin, the menu tabs will unlock where you can make selections and perform tasks.
The menu design is similar to the Divi menu design. It looks elegant, but it’s also easy to understand and follow (unlike some caching plugins that have too many settings that are hard to follow and set up). It also adds a menu to the admin bar where you can clear the cache for the current post (when viewing the site from the frontend), the entire cache, and see the settings.
Tasks
The Tasks tab includes 12 tasks that optimize or delete files. The tasks include:
- Optimize tables
- Delete post revision posts
- Delete auto-draft posts
- Delete trashed posts
- Delete spam or trashed comments
- Delete unapproved comments
- Delete pingbacks and trackbacks
- Delete orphaned post metadata
- Delete orphaned comment metadata
- Delete orphaned relationship data
- Delete orphaned user metadata
- Delete orphaned term metadata
Each task shows the number of elements that will be deleted. Select the task or tasks you want to complete and click Process Selected Tasks. Optimize Tables is especially interesting. It’s a database optimization that’s designed specifically for Divi. Once you run the tasks it shows if each one was a success or if no optimizations were performed.
Browser Caching
Enabling Browser caching will tell the browser to cache static resources including jpg, jpeg, png, gif, svg, pdf, css, js, flv, ic, and swf files for Apache servers. You can control the number of days for the cache expiration and add URLs to ignore.
Server Caching
Server caching enables the caching on the server-side. You can also disable server-side caching for any user role.
Server-side caching works differently than standard server caching. Most cache plugins store a cached version of the entire page and then sends that to a browser. Any time a change is made, the entire page is regenerated in the cache.
Divi Rocket was designed specifically for Divi modules. It knows that a module on a page can change while the rest of the page remains the same. It’s aware that blog modules and shop modules can change often while blurbs and person modules change less often. This means it can regenerate just part of the page instead of the entire page every time a change is made.
Lazy Loading
Lazy Loading loads Divi sections as the user scrolls to them. This means that only part of the website has to load before the user can start browsing the site. It also means that the portions of the site the user never visits don’t have to be loaded.
It requires server-side caching and it’s still in the testing phase. Once you enable it you can set the number of Divi sections that will initially load when the site loads, and the number of sections that will load each time a loading request is sent.
The lazy loading shows a white background with a preloader until the next section loads. The loading time for the next section on my test server was extremely fast.
Compression
Compression adds a GZip compression option. This feature had the greatest impact on my test speeds.
System Specifications
System Specifications shows the same information that you’ll find in the Divi > Support Center menu but provides more information about the settings and includes links to even more information. The descriptions include information about the types of problems you’ll see if your server doesn’t meet the requirements, which is even more helpful in troubleshooting.
Miscellaneous
Miscellaneous adds four new settings to WordPress:
Post revisions limit – lets you specify the number of revisions that WordPress will keep for each post. This helps save server storage space and keeps your website from having to track too many revisions that you’ll never use.
Allow Pingbacks and Trackbacks – set them to open or closed. It controls both with one setting.
Footer Credit – adds Divi Rocket to the footer credit with a link and the Divi Rocket icon. You have several options to display it. Show it in the bottom bar below the footer (this only displays if you’re using the default footer), show it centered in a new bar below the bottom bar, or disable it. It’s enabled by default. If you add your affiliate ID, it will be included in the link.
Divi Space Affiliate ID – if you have a Divi Space affiliate account, adding the ID here adds it to the link in the footer credits.
Before and After
Here’s a look at my before and after GTMetrix scores for my non-optimized test site. This only tests part of the features of Divi Rocket, so it’s not really a complete test. It does show how it improved my loading speeds.
My Test Site
Here are my test scores before running any of the enhancements or compressions. My PageSpeed score is 45%, YSlow is 63%, the fully loaded time is 3.5 seconds, the page size is 2.12MB, and it makes 39 requests. I’m using the landing page from the Divi Magazine layout pack.
PageSpeed shows my most critical needs are to enable compression and leverage browser caching.
YSlow shows the most critical areas include adding expires headers, compress components, use CDN, and make fewer HTTP requests.
With Only Browser Cache Enabled
Both the PageSpeed and YSlow scores improved slightly. The fully loaded time reduced. The page size and requests remained the same.
Leverage Browser Caching moved from 49 to 96.
The YSlow score for add expires headers went from 0 to 78.
Adding Server Cache
With server-side caching, the fully loaded time and the number of requests improved slightly. Of course, this only tells part of the story. More improvements are seen on the server resources because of the way server-side caching works to update only the modules that have changed.
The PageSpeed score reduced for defer parsing of JavaScript.
The YSlow score improved slightly for fewer HTML requests.
Adding GZip
Enabling GZip compression saw the greatest improvement. PageSpeed went to 92% while YSlow went to 84%. The fully loaded time dropped to 1.7 seconds and the total page size dropped to 862KB. Requests remained the same.
For PageSpeed, enable compression went from 0 to 100.
For YSlow, compress components went from 0 to 100.
Results
Here’s how Divi Rocket was able to improve my GTMetrix scores:
- PageSpeed from 45 to 92
- YSlow from 63 to 84
- Fully loaded time from 3.5sec to 1.7sec
- Total page size from 2.12MB to 862KB
- Requests from 39 to 38
These scores are with no other changes to the site.
Price and Documentation
You can purchase Divi Rocket from the developer’s website. There are several purchase options for Divi Rocket:
- Single site – $49 per year
- 3 sites – $89 per year
- Unlimited sites – $179 per year
It’s also included in their annual and lifetime memberships.
Documentation is provided on the developer’s website. It steps through the plugin’s features and shows how to use it. I didn’t need it for this article, but I’m glad to see that it’s available.
Ending Thoughts
Divi Rocket is an interesting plugin. It’s easy to use and I like the clean menu design. It looks like a Divi product rather than a generic WordPress product. I like that it’s designed specifically for Divi and takes advantage of sections and modules in a way that other cache plugins can’t. There aren’t a lot of settings to deal with but it still provides the settings that most websites will need. It explains what each feature does, making it ideal for both seasoned developers and beginners.
My tests only tell part of the story. For example, the load savings on the server for the database optimization and the way it checks individual modules for updates would save server resources. This doesn’t show up in the loading speed scores.
I’d like to see it work with Extra. The developer’s page does show that more features are on the way. It will soon minify and combine CSS and JavaScript. It will also include a CDN, which will cache Divi’s core files to improve performance even further than standard CDN’s.
Divi Rocket already improved the speed of my completely non-optimized test site to the same level as other cache plugins. Once minification and a CDN are added it should be a much better option for any Divi website.
We want to hear from you. Have you tried Divi Rocket? Let us know what you think about it in the comments.
Featured Image via Victoruler / shutterstock.com
Keep reading the article at Elegant Themes Blog. The article was originally written by Randy A. Brown on 2020-01-04 11:00:05.
The article was hand-picked and curated for you by the Editorial Team of WP Archives.