Divi 5 Front End Speed Test
In my last video about Divi 5 you guys asked me to demonstrate a few other things. In this video I'm showing them! 👇🏻👇🏻👇🏻 Start here 👇🏻👇🏻👇🏻
Do you want to support me? Leave a like, watch another video from me, buy Divi with 10% discount // a hosting plan with 80% 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 ⇒ https://wp.discount/host/
✅ Best caching plugin ⇒ https://wp.discount/cache/
✅ Divi with 10% discount ⇒ https://wp.discount/divi/
⇒ Top video's I recommend:
• Yoast SEO vs Rank Math vs All In One ...
• Secure Your WordPress Website 2024 | ...
• BEST Mailchimp Alternative ⚡2500 subs...
• How to Migrate WordPress Website With...
• How to Make a WordPress Website in 20...
I want you to succeed with your website, so lets get started.
⏱️Timestamps⏱️
0:00 Intro
0:16 What site are we testing?
1:00 Benchmark Divi 4
1:35 Adding Divi 5 Alpha 8
2:32 Shortcodes in Divi 5
3:10 Source code Divi 5
3:28 Speed results of Divi 5 front end
Thank you for watching! 😀
✅For tips and tricks on getting the most out of WordPress, don't forget to subscribe: https://wpressdoctor.com/sub
📖Transscript📖
Hey guys, what's up? It's Matt and in this video we're gonna check out the front end speed of Divi 5. On my last video a lot of you guys asked me "What about the speed on the front end?" We're gonna check this out in this video right now.
And we're gonna test it out on this website my remake of the Tesla website in Divi. And it works still of course. Great. In even with the Divi 4 builder you can create this with your own hands, it is fairly easy to do so. Alright let me show you I have no caching installed on this website whatsoever. I even don't have a lot of plugins on this site. It's just iThemes Security, it's deactivated and Site Access is also deactivated. So we should be good with this test, should be really clean. Also for this test we don't have any scripts running on this website so we can also disable this all. Now let's create a benchmark with all the testing tools to see the front end speed. We're gonna run Page Speed Insights. We're also going to run GTmetrix analyze. And of course Pingdom Web Speed. Now let's see what the Benchmark is. So here we go, we have on the Page Speed Insights wpressdoc.com we have a 67 - Divi out of the box, no caching plugins whatsoever. 67 and desktop 91. Good actually. Let's go for GTmetrix. Oh it's also pretty good. I'm not disappointed actually. And Pingdom is actually the least impressed with a performance grade of 76. All right let's go to the themes, we're gonna add in our Divi 5. Upload theme here we go, Divi 5 Dev Alpha number 8. I'm gonna press install now. Replace active with uploaded oh yeah here we go man. Go to Themes page. Well let's not use my child theme, let's only use this theme, Divi 5 Alpha Release, here we go. First we're gonna check out our site. How does it work with our new Divi 5. Well this looks great. Everything still works, buttons still work. Let's edit it with Divi. Oh the website is really feeling fast right now. Great, everything works. Yeah just as it was, really fast and responsive. All right let's save this page. And then we go exit visual builder. Actually everything still works as the way it's intended. Model X here we go. Now I can remember one of you guys also asked "What about all the shortcodes, are there gone in the background?" Well there's one way to see this very clearly. Let's go to edit page and we go over here to revisions. Let's see the current revision because I saved the page again in Divi 5. Here we see on the left side we see the old Divi 4 with all kind of shortcodes. And here you see on the right side you'll see Divi 5 in action with actually no shortcuts at all. A real different kind of way to build. Remember it's still a alpha release, so it's not the definite version, but we're getting there. Some guys of you also asking "Can you show us the back end of this page, the page Source right now?" Well of course we can do that. Just go into here, view page source. This is the page source of the Divi 5 Alpha release. 430 lines of code and some scripts inside of their. All classes and divs. Well that's just it. But now we are curious of course what about the page speed? So we go to Page Speed Insights over there. I'm gonna copy this, open in a new tab and run this. And then we press analyze again. Also with GTmetrix, copy it go into a new tab, paste it in and let's retest it. Also with Pingdom, copy it, open up a new tab and we're gonna start to test again....
📖 Read the rest of the transcript at https://wpressdoctor.com/
#frontend #Divi5
