Nobody likes a slow Divi website. In this tutorial I’ll show you how to speed up your Divi Website in 3 simple but POWERFUL steps! Speed up your Divi website like a real pro. 👇🏻👇🏻👇🏻 Start here 👇🏻👇🏻👇🏻
Do you want to support my channel? Leave a like or buy Divi with 10% discount via the link below. That will help me enormously to create these free videos for you and keep going!
⇒ Software that I recommend:
✅ Hosting & domain ⇒
✅ Best caching plugin ⇒
✅ Divi with 10% discount ⇒
✅ Elementor Pro ⇒
⇒ Top video’s I recommend:
I want you to succeed with your website, so lets get started.
⏱️Timestamps⏱️
0:00 Intro
1:05 Speed tools
1:56 Enable Divi Caching
3:21 Clean up Plugins
4:11 Install Caching Plugin
9:54 Final tests
11:16 Optimize images
Thank you for watching! 😀
✅For tips and tricks on getting the most out of WordPress, don’t forget to subscribe:
📖Transscript📖
In this video we’ll be speeding up your Divi
website in just four easy to follow steps. I’ll show you how to enable all the performance options from Divi itself. How to check your websites on three different speed tests. How to optimize your entire website using the best Divi caching plugin. And how to optimize all your images using a free plugin. Let’s speed it up right now!
Login to your WordPress website. If you are still logging in using /wp-admin/…
that’s not a very safe way, so please watch my tutorial about securing your WordPress website. We’re going to optimize a real existing website of one of my clients, Alphabet Apartments, and they have multiple things going on here. They have big images, they have moving objects, they also have this script running in the foreground. But before we start tuning and changing things, we need to check our base score from our website. To do that we are using three different tools. We go to
PageSpeed Insights and we’re gonna fill in our URL over there, and we press on Analyze. But not only PageSpeed Insights we’re also gonna use GTMetrix. So go to this website and paste in your URL and press Test your site. Here we go. And last but not least we’re going to use the website of Pingdom. Also paste in your website choose a location near to you, we’re going to use Europe. Press Start test. We can see that on mobile this is the results right now, and on desktop these are the results. Not very good. I think we can improve this. And this is the score in GTMetrix we can see that we have a B in performance and Pingdom is giving us a D alright. So this website out of the box is well, not really bad, but we can definitely improve this. So I’m gonna walk you through the steps to improve this website. Very first thing you do: is you go to your Divi over there, and we click on Theme options. There you go to the tab ‘Performance’ over here. Now make sure that all these things are enabled. Dynamic icons, critical CSS JavaScript, WordPress Gutenberg, improve Google fonts loading, and defer jQuery, and also additional party scripts. Let’s enable all of these and press save changes.
I’m curious if this did something to our scores. Let’s see. So to do this we just press on analyze again, like this. And it’s going to analyze it again. We can press on GTMetrix the Te-Test button over here. And again we can press the start test . Well we’ve got some slight improvements on Pingdom. And we do get some slight improvements from
GTMetrix. So that is actually really great. Oh best practices is now at 100. That’s really great. It has also gotten some slight improvements. With every speed optimization you do, make sure your website still works. So we’re gonna open up our website in a new private window, over there. Just to load it all in and see if everything still works. As you can see the script is being delayed. As you can see now the loading goes smoothly and everything still works. Does my script still works? Yes all right. So it looks.
and the website still works. Alright really great. Now the next thing we should do actually is go to your plugins, installed plugins. Look very carefully at your plugins. See what plugins are you actually using, and what plugins can be left out. On this website I have installed a couple of plugins just for fun, just to show you that we’re not using them so we can easily just remove them. Delete like this. And press ok. Now as you can see on this website I only have four plugins working.
I have a Divi Carousel – I’m using it for to create this awesome guest reviews – if you want to see more about the Divi Carousel, check out this video…
📖 Read the rest of the transcript at
#Divi #speed
Thanks, man. that's what i call great content.
Charismatic and entertaining Dude!
While Matt's recommendations on the usage of WP Rocket are spot on, I think what needs to be addressed is that you SHOULD NOT use a few of Divi's Performance settings in conjunction with WP Rocket's settings because
(1) can cause a conflict and
(2) it doesn't make any additional improvements to pageload for you–so there's no point in doubleing up on two settings that do the same thing.
I think thorough testing should be done because not all Divi sites are built the same.
To minimize issues when solely using WP Rocket for caching and optimization, you need to disable the following in Divi's settings (by the way WP Rocket does cover this in their own documentation):
Divi > Theme Options > Performance:
– Load Dynamic Stylesheet In-Line
– Critical CSS (if you're using WP Rocket's 'Removed Unused CSS', disable Divi's Critical CSS)
– Disable WordPress Emojis (WP Rocket does this for you)
– Improve Google Fonts Loading (WP Rocket does this for you)
– Defer jQuery And jQuery Migrate (WP Rocket does this for you if you're using it's settings)
Using Divi With WP Rocket: https://docs.wp-rocket.me/article/657-using-divi-with-wp-rocket
Delaty JavaScript Execution compatibility exclusions: https://docs.wp-rocket.me/article/1560-delay-javascript-execution-compatibility-exclusions#divi
BTW, if you are using WordPress Gutenberg's editor and the editor's CSS, then disable "Defer Gutenberg Block CSS" in Divi's settings. Some admins actually use the block editor and the styles.
Just my two-cents worth.
Flogging WP Rocket
Siteground has its own optimizer, have you tried it?
Thanks for your content, using SiteGround why not use SG Optimizer instead of WP Rocket? 🤔
How does it compare with WPMuDev?
GURU 🙏
I have no "performance" tab
Have you ever used Smush in combination with WP Rocket? Are there any disadvantages compared to Imagify?
on Performance Tab on Divi Options, the links to Enabled and Disabled look the other way around.
Hey Matt just wanted to let you know that thanks to your WP Rocket video I decided to take the plunge and use it for a clients website. Their site was poorly developed (not by me I might add!) and scored a grade E with Gmetrix. Since I applied various updates including re writing some code and installing WP Rocket it now scores a grade A and is lightening fast! Thanks man!
Hi, can you please suggest a free alternative to wp-rocket please?
Fabulous channel! I took over a Divi site for a client and to be honest I am out of my depth since I create custom WordPress themes so this is really helpful. Thanks dude!
Believe me you will cross 100k at the end of this year mark my word, those who i subscribed they got the subscriber i do not subscribe garbage that why i have subscribed to you, you are my favorite YouTuber you are an amazing and knowledgeful person lots of love to you
Scores before and after your video. Thank you Doc.
Page Speed -Mobile 64 Desktop 87
Pingdom 78 C
GTMetrx B 83%
Page Speed – Mobile 91 Desktop 99
Pingdom 96
GTMetrx A 100%
Thanks
Please can you make restaurant website with wocomerce
hello thank for the great video i would like to ask about my E-Commerce site. when i make changes to my site they only take effect on desktop when it comes to mobile it takes effect on some mobile . any advice what i do and prevent this from happening again. I'm using Astra theme. thank you
With divi Rocket my score went from 81 to 60. why is that?
Thanks for the video, what would be a free alternative to wprocket ?
Hi Matt – That was a great video! (like always)
A few questiongs:
1. Can you do a Full Tutorial on how to set up Divi with WPRocket + Cloudflare CDN (for BEST speed and chaching optimization – Without breaking the site) PLEASE!
2. If I'm on a budget – is there a way to make sure that all website images are Web3 and NOT jpg or png without using a paid service?
Thank you for your amazing videos!
Thanks, Matt. I am struggling with buying WP Rocket. I used a lot of "Caching"-plugins, but none is really combining the CSS and JS-Scripts. I am also hosting with Siteground, but the Server is not "Frankfurt", where it should be, because my target group is in germany, but in Canada. No clue how to change the premade server.
I hope this video will really help you speed up your Divi website. If you have any questions, please let me know in the comments below 😊 I'm glad to help you out and get you back on track.