MASSIVE DIVI UPDATE - WOW! Is It Now A Viable WordPress Page Builder?

so divi have just recently dropped a massive bombshell they've gone back reimagined the whole editor and made it more modular this should make things a lot quicker but does it in the real world well join me as i run some tests on a pretty typical divi website to see exactly what's going on and if there is that speed improvement that they're promising let's take a look together so let's take a look at the article that they released about speeding up divi now i'm gonna go over this you can look at this yourself because in all honesty there's a ton to watch you and i also recommend checking out the video that they've released as well all about what they've done and the comparisons that they've done and things like that i would take parts of this with a small pinch of salt if i'm honest but it's still good to look through and have a little see exactly what they've done to improve things and credit where it's due they have gone back and made a massive difference to how divi is actually built and this is one of those things that i've been saying for quite a long time when it comes to you know elementor you see if you sit in any of my live streams you'll know i've talked about a modular approach where things can be enabled and disabled as and when they're needed inside the editor so the front end potentially becomes quicker and that's kind of what divi have gone ahead and done so kudos for doing that so check this this out i put a link in the description below i want to bore you with that too much now what i've done is i have literally pulled in one of the pre-built templates i pulled in one that's got quite a lot of pretty big images because i kind of thought well this is going to be probably a harder test than maybe some sort of smaller sites that don't have as many images being included so as you can see on screen there's a lot of images and they're all pretty much full screen kind of images so that's what i'm working with that's what we're starting with let's take a look at the first speed tests i haven't done anything yet except for let me just quickly go into siteground to show you what's going on there i've got all the normal things enabled for the server caching so you can say this isn't necessarily a fair test but most hosting these days is going to have some type of caching included and by default that's normally enabled so i'm giving this a kind of real world not a sort of synthesized kind of setup so we've got the nj nx direct delivery i've got dynamic cache and i've got memcache so all these are enabled if we hop over there and take a look at divi itself these are the out of the box options that are enabled inside the divi performance setup so this is everything that's enabled everything except for the defer additional third-party scripts which we will take a look at a little later i also have sg optimizer enabled and inside there all i've done is i've left everything default except for the media optimization and i've set this up to create webp versions of the images because this is something that i think all sites should be doing anyway you should be operating uh webp to give you the best performance for your images to make everything a little bit better for more modern browsers so that's enabled everything else is stock straight out of what sg optimizer uses and that's basically it so i'll purge the cache just to make sure that everything is purged this is set for new images to be automatically converted to webp as well so that's where we are so let me just go ahead copy the url for the site and let's just pop that into both google page speeds and run that and also gt metrics and run that on there okay so these are fairly stock settings so we can kind of see now how these come back and if we've got a good starting point or a pretty poor sight well actually that's that's pretty good 82 on mobile and if we hop over to desktop we're getting a 90. so already starting with a pretty solid setup now this is using siteground so you just know that that's the hosting i'm using but it's the stock basic plan that's it so i think that's already a pretty solid starting point let's take a look at gt metrics unfortunately there's quite a few options there in front of us so we'll wait for that to finish okay and there's our gt metrics go back performance not as good as i kind of would have thought it would be but structure 100 largest content full paint 1.1 seconds that is pretty respectable when it kind of comes back like i said this is a pretty heavy uh image based page as you can see we've got some low issue kind of things to check out but that's a pretty solid start and much much better than what i was kind of getting when i was running tests with a different setup that was coming back in the 40s should we say when it come to work with page speed insights on mobile i want to get a gt metrics yeah we weren't getting great on there either so we've got a solid starting point so what else do we have and let's take a quick look at the settings that we kind of have now as well so let's go into our site now we could go ahead and start to tweak this and go through all those kinds of settings but i don't really want to get too stuck into that because i think every setup is going to be different and every uh tool that you may use for optimization whether you select sg optimizer you could be using swift you could be using wp rocket they're all going to have slightly different ways of working as a great starting point that is pretty pretty solid so let's go and take a look at the options we have in the performance settings so this is kind of what they've done they've stripped things out and they've made it a more modular framework and as you can see we can enable a modular framework dynamic css and the kind of overarching thing of what they've done here with this update is to say okay instead of every time you load a page in it loads everything to do with divi all the css for the entire site all the reliant libraries for all the different widgets even things that you don't use they're stripping that back so what they're saying is now it will look at what's on the page what's not being used and unload those kinds of things or defer those so they don't get loaded in that is what i'm talking about when i say a modular kind of building setup and again this is where i say that elementor really should have adopted this from the get go so these are the options everything is enabled as default except for the defer additional third-party scripts which potentially could cause some issues obviously if you have multiple different plugins installed so this is something you would really have to test that if you enable it but let me just enable it we'll save our changes we'll go ahead we'll purge the cache from here and we'll also go over into siteground and purge any cache on there so i'm going to purge the memcache the dynamic cache we're going to purge that and the ngin another piggy one we'll just disable that and re-enable it so hopefully that will at least clear it out so this is now uncached the only cache that may be going on is inside the browser but that shouldn't have any effect on these page speed scores so let's go ahead gt metrics is a little bit backed up at the moment we'll run that test first that might take a little while um yeah as you can see there's 260 jobs in front of me let's go ahead now and test this out on google page speed we'll analyze that again and we'll see what we come back with now with that enabled okay and that gives us a lower score so probably not the best thing to do there then and this is what you're going to have to do when it comes to optimizing these there's no out of the box solution that fits every single server setup each one is going to be independent i'm going to run that test again though just to make sure that there's a cached version because no one else is visiting this site so we just want to make sure that it does get cached because the site is just not really being seen by anybody so and we do get a bit of a speed improvement you can see this is something and as i've always said when it comes to work with any speed test things that are server reliant in other words when your site has to sort of send that data over to the browser those kinds of things that the speed tests and so on there's always going to be fluctuations in that because at any given second there could be a surge of traffic there could be less traffic so you do have to take these with a varying degree of your sort of a pinch of salt shall we say desktop what are we looking at 99 on desktop that is pretty respectable so there is room for improvement and let's take a look at gt metrics that is going to take a few minutes so i'll pause the video here and i'll come back when we get the results on gt metrics and see if we get an improvement or a degradation let's take a look okay and we are back with the gt metric scores and as we can see it has actually had a bit of a marked increase we gain a scores 94 performance 100 for structure our largest content full paint is still under one second which is great total block in time is a little bit high but again these are kinds of things i'm sure we could tweak to get a little bit better so what are my takeaways from this well i think the most important takeaway here is that divi has actually become a viable option to build a website around now if speed which it should be is important to you hopefully what this kind of first look and my initial experiences and that's kind of what this is this is not an exhaustive overview of how to set it up and configure it and tweak it this is just a basic look for someone that doesn't really have a huge amount of experience using divi to see what kind of results i could get without too much effort and without spending any money other than your hosting so hopefully this has demonstrated that to you and give you maybe the impetus to go out and take a look at divi in a little bit more detail yourself but for me i think it's a marked improvement that's definitely been a long long time coming and i think a lot of other page builders that are out there that have been sort of seriously resting on their laurels for quite some time really should go back and take a look at the way divi has gone back and integrated that modular building process into this update to divi this is something i've been talking about for quite some time as you probably know if you've seen my live streams but let me know your thoughts would you consider using divi now do you already have a lifetime and you've kind of put on the shelf and you've not looked at it because of these issues for me i'm not still not the biggest fan of the editing experience as many of you know i've been pretty vocal about that side of things but this has given me more of a push to go and potentially take a look at creating some content and maybe even try building a website or two using divi so if you'd like to see some content on this probably more so on the dynamic side than just how to build x i think it's already great tutorials out there how to use that let me know in the comment section below but give me your feedback what do you think of these improvements what do you think about this modular way in which divi has gone back and re imagine shall we say the way they built their builder plus this is only the first round of changes apparently there are more coming that should optimize even further but let me know in the comment section your thoughts feelings and your opinions on this update because i'd love to hear them as always all the links that are applicable are in the description below if you're going to comments questions or feedback drop those in the comment section my name is paul c this is wb test and until next time take care

Channel: WPTuts

Views: 5,457

Keywords: WPTuts

Id: YOdDxyrXVvY

Length: 10min 42sec (642 seconds)

Published: Mon Aug 23 2021