Speed Up Elementor in 5 steps + LIVE Test Results With Every Change!

Oct 19, 2020 | Elementor

Speed up your Elementor website in 5 simple but powerfull steps. We will be using a REAL website to speed up, and with every change you see the results! This website also has WooCommerce enabled.

?????? Start here ??????

I want you to succeed with your website, so lets get started.

⏱️Timestamps⏱️
0:00 Speed up Elementor in 5 steps – Intro
1:48 Test your current speed
1:59 Using Google Page Speed ➜ https://developers.google.com/speed/p…
2:10 Using GTMetrix ➜ https://gtmetrix.com/
2:17 Using Pingdom Tools ➜ https://tools.pingdom.com/

3:13 Step 1: Get worlds best caching plugin ➜ https://wpressdoctor.com/nr1cachingpl…
4:21 Upload plugin to WordPress
4:39 Setting up plugin with live Speed tests with every change
10:32 Step 2: Getting rid of that unhealthy and sluggish fat
11:17 Step 3: Optimising images
12:25 Step 4: Rerouting website through CloudFlare ➜ https://www.cloudflare.com/
16:54 Step 5: Time for serious surgery
17:56 Final scores
18:15 Get the fastest hosting ➜ https://wpressdoctor.com/nr1webhosting/

✅For tips and tricks on getting the most out of WordPress, don’t forget to subscribe: https://wpressdoctor.com/sub

Speed Up Elementor in 5 steps + LIVE Test Results With Every Change!

?Transscript?

Oh! That’s what I’m talking about, those are results! But my client is not going to like the way I did this.

Oh hey friends! The next patient is MEXAustria, they provide outdoor sports in Austria. The symptoms are: a very slow Elementor website. Because of that, they have visitors leaving the website early, and they have bad rankings in search engines. What did they tried? Multiple free caching plugins, but they broke their website instantly, and it got them drowned and all the options and possibilities. Alright let’s run a quick diagnose before we start wikth the solution. Let’s run it on Google PageSpeed. Let’s run it on GTMetrix and let’s run it on the Pingdom tools. Oh… okay, this really worries me. The long term consequences are less conversions, loss of clients, and you can even go out of business because the website is the only way of advertising their business. Change has to come. So my prescription is a five step medicine. The first one is we need to install world’s best caching plugin. The second is, we need to get rid of all this unhealthy and sluggish fat. The third one is we need to optimize all images, and the fourth one is, we need to reroute the entire website through CloudFlare. If that all doesn’t do the trick. We have to do some serious surgery, and I doubt if my client is going to be happy with that fifth step. Right, let’s get to it. Follow me, so you can optimize also your own website with Elementor.

First we go and check what the current speed is of our website. So go to Page Speed Insights from Google -a link is in the description if you don’t know where to find it- and enter your website’s URL. So we’re going to optimize MEXAustria.com and we press ‘Analyze’. Then we go to GTMetrix, and we enter our website and press ‘Analyze’. And then finally we go to Pingdom tools, and we enter the website and we press ‘start test’. Alright, it’s time to get our scores! We have… Oh that is terrible low -30 is really, really bad. As you can see all the data from the lab is really not so good. Also GTMetrix, is not so good score, its a dramatic 7.7 seconds for your load time is awful. Also it’s a F and a E, hmmmmm. And this also really hurts my eyes, to see Pingdom website speed test results for a whopping five seconds load time and it’s 6MB in page size, and 100 requests. Well, they all use different methods to test it, but let’s optimize this and see what happens.

So the first thing you need to do is you need to go into the description of this video, click on the affiliate link to go to the best speed up plugin in the world! Especially for Elementor. I have tried them all and this one is the best. So when you click on this link you will go to the website of WP Rocket, and they have features -man it’s amazing-. GZip compression, page caching, Quick Setup, browser caching, they have it all the list is unending. And as you can see, compared with all the other plugins, the features of WP Rocket is way better. So let’s go to the pricing, here you can choose your license, a single, plus, or infinite license. Its all good, just choose what you need. Fill in your details, pay with your credit card or with PayPal and download the plugin.

Login to your WordPress dashboard. If you are still using /wp-admin/ to login -that’s not a very safe way. So I really suggest you watch my video about “WordPress security – The circle of five”. On your dashboard you go to ‘Plugins’ -> ‘Add new’. Then you go to ‘Upload plugin’ and you select ‘Browse’ and you select the WP Rocket version that we have just downloaded from the website. Press ‘Install now’. And press ‘Activate plugin’. Alright after activation we go to ‘WP Rocket’ and we press ‘Settings’. It says “WP Rocket is now activated, and working -your website should be loading faster now!” All right, let’s recheck the scores. We can dismiss all these notices right here. And we are going to reload the scores. That’s rerun the PageSpeed Insights. Let;s retest GTMetrix, and let’s retest again on Pingdom. As you can see on the right side from the test, something has changed. But are we satisfied? No sir, we are not yet satisfied because we need to change a lot of other things, to get that Google Page Speed up in the green area. I’ll walk you through all these settings right here to activate the ones that really matter. And I will tell you some information if you need to know.

All right, let’s start with go to ‘Caching’ and enable ‘Separate cache files for mobile devices’. ‘Enable caching for logged in WordPress users’ and press ‘Save Changes’. And let’s go to ‘File optimization CSS and Javascript’. Activate ‘Minify CSS files’. ‘Activate minify CSS’. Press ‘Combine CSS files’ and press ‘Activate’. That was a big change right there in the score, so let’s go further. ‘Optimize CSS delivery’. Allright we go further with the JavaScript files. Let’s press ‘Remove jQuery migrate’. And we go to ‘Minify JavaScript files’. Press ‘Activate’. Alright, ‘Combine JavaScript files’ -> ‘Activate’. We saw a big drop in the number of requests! So that is very good. Let’s go the next one: ‘Load JavaScript differed’, and let’s turn on the ‘Safe mode for jQuery’. And WP Rocket already supplied us with a list of scripts that is very handy. Let’s press ‘Save Changes’. Alright now we go up, we go to ‘Media’ and we press Lazy load -> ‘Enable for images’. Hey, we see a little bit of a drop in our scores – that’s okay, just keep going. ‘Enable for iframes and videos’, ‘Replace YouTube iframes with preview image’. Alright, the scores are coming back up. Let’s gp the next one. ‘Disable WordPress embeds’. And we don’t have WebP images on our website, so we can leave this disabled, and press ‘Save changes’. Okay, let’s go to Preload. ‘Activate preloading’. ‘Activate sitemap-based cache preloading’. And we use Rankmath XML sitemap. Now if your sitemap doesn’t show up here, you could add it here manually. ‘Enable link preloading’ and press ‘Save changes’. Okay you see on the top, there is a preload being done is complete, and three uncached pages has now been preloaded. All right, let’s go to the advanced rules. Now you don’t need to change these rules, but if you never want to cache a URL, then you could exclude it here from the cache just enter your URL in this way. For WooCommerce pages they have already never been cached by default, so you don’t need to enter those ones. If you don’t want to cache cookies, you can add them here. User agents, always Purge URLS, and query strings -you can add them all here. If you’re an advanced user you can change this, if you don’t know what it is just leave it this way. Let’s go to Database. Here you can clean up your entire website. So you can delete all these revisions, auto drafts and trashed posts. We’re not going to do this for this website because I don’t know if my client wants to delete all their revisions. You can clean all your comments, your transcends, your database and your automatic cleanup. If you have a awful lot of revisions in your database, and you don’t want to go back to an older version of your website pages, you can clean all these up. And then your database will be cleaned more. If you’re not sure just leave it this way, you can always go back. Let’s go to CDN. If you have a CDN, you can use it right here. If you don’t you can buy one from Rocket, we’ll be using CloudFlare in just a bit. So you can leave this all the way it is. Let’s go to Heartbeat. Let’s ‘Control our heartbeat’ and press ‘Save changes’. Let’s go to Add ons – add more features. Google tracking – if you have Google Analytics, press this button, turn it on. If you have a Facebook pixel on your website, turn this on. And if you have Varnish, turn this on. So, for this website we don’t have a Facebook pixel and we don’t have Varnish so we can turn this off. Now we have to integrate our website with CloudFlare. It’s a very powerful free tool. So we’re gonna do this in just a second. Image optimization, you can use Imagify but we will be doing this in just a second. And here we have the tools to export our settings and ofcours tutorials, if you want to know more. Alright, let’s get back to the add ons, it is time to add our website to CloudFlare, if you follow these steps, we can just add it in just a second.

So upon optimizing I realized that this website isn’t hosted by me, but with a other hosting company. So I did a check for the PHP version and we’re still on 7.2. So let’s go to 7.4.6 and let’s see what it does with our speed. All right, so that didn’t do very much so let’s get rid of all those unhealthy and sluggish fat on our website. We go to ‘Plugins’ -> ‘Installed plugins’. And I can see that there are 31 plugins installed on this website! And they don’t need all this rubbish. So we are going to delete some of those plugins that we definitely do not need. So by shutting down 12 plugins that we didn’t use at all, we just saved a bunch of speed. Our website just loaded below one second. But still I am not satisfied with this score, I know they can be higher. So we’re going to do some more things. Let’s head over to GTMetrix. And here you see that, why the score is low is because they say we have to optimize images. We can reduce the following images to reduce their size. Well, as you can see, it is not very much but they still mentioned it, because it could be better. The best thing about GTMetrix, is that they also give you the solutions. So we have to see the optimized version. So if I press ‘See optimized version’, I’ll get the same image but they have compressed it. so we can use this on the website instead of the original one. Let’s do that for all the images right now. We press ‘Save image as’. So I have downloaded all the optimized images. Now I’m going to change them on the homepage of the website, so they have a slider here. All right so I changed all the images in Elementor and let’s go to our GTMetrix. And we run the test again with the new images, let’s see what happens. All right, now I see that this score is way better because we have optimized the images. So I’m still not very satisfied with the Page Speed of this website so we are going to reroute this website site by CloudFlare.

You go to CloudFlare. So it’s a process that is easily done if you follow these steps but it can be tricky so really, watch this close how it goes. Press the button ‘Sign up’ if you don’t have a CloudFlare account yet. Fill in a Email address and a password and click on ‘Create account’. Fill in your website’s name, without the HTTPS so it is MEXAustria.com and press ‘Add site’. Hold on a bit. We’re goinf for the free plan. Confirm our plan. Now they will scan our DNS records, which are very important. Because we will be using CloudFlare instead of our own DNS servers. So we have to see if all this is correct. Now you have to check this with your current hosting. If this is wrong, then your website will not be able to function normally so please check this. How you do that? You go to your original hosting settings and you check if these DNS settings are correctly. Taken/copied by CloudFlare. If they’re not, change it! If they aren’t, you can leave it. So I’ve checked it and this is exactly the same as with the original host so I press ‘Continue’. And we want to change our name servers, because I don’t want to transfer my entire domain to CloudFlare. Press ‘Continue with defaults’. Here are our host names that we’re using right now. And we have to change them to this. Alright you go to your hosting. Now we’re gonna change the name servers, you have to look for something like this: “Change name servers”. Just click it, and here you can change the name servers, as stated by CloudFlare. So we copy the name server number one. And we’re pasting it right here. And the name server number 2. Click to copy, and we change name server number 2. If these name servers are correct, we press ‘Submit’. Now the name server settings has been changed. It could take 2 to 48 hours before those changes have been implemented throughout the entire internet. When you are here and you have chasenged it you can press ‘Done – Check the name servers’. This is ‘Full’ – always use HTTPS: Yes, WP Rocket will change these settings later on, so we can just press ‘Done’. We can close this, all these messages. Alright so now we have to wait until the name servers are replaced by the ones we have just implemented. When it is completed, you will be notified right here. So after a few more minutes of waiting we have just seen that “Great news! Cloudflare is now protecting your website”. All right, that’s awesome. Now what we need is, we’re going to need the ‘Zone ID’ so click this to copy, because we will need it for WP Rocket. Let’s get back to WordPress, and we go to WP Rocket. And now we can go to the ‘Add ons’, and we can enable ‘Cloudflare’ right here. And we have to ‘Modify the options’. And this is where we have to put in our Zone ID. Our account email. You have to use the email that you have used to register at Cloudflare. And we have to find the global API key. Now you can find the Global API key right here -‘Get your API token’. Press ‘API tokens’. And here you press ‘View the global API key’. Enter your password, fill in the captcha and press ‘View’. We copy this text, we click to copy, we go back to WordPres, and we paste in the Global API key. Alright, let’s press ‘Optimal settings: Automatically enhaces your Cloudflare configuration’. We press ‘Save Changes’. Alright so Cloudflare cache level set to standard, minification on, Rocketloader is off, and the browser cache has been saved. Alright let’s see what this does to our scores. Okay we got the scores up but this is definitely not what I was looking for. It might be enough for some people but as the WordPress doctor, I always want the best. So it’s time to do the fifth step. We are going to perform some serious surgery on this website! So follow me because I’m just going to take this website and place it on one of my own servers! Because I had it and I think it’s the hosting of this website! Cheap, shared server hosting, never going to get any far. Let’s go.

To move this website to another server I’m gonna use my method described in another video which you can follow step by step. In this video I’ll show you how you can use an outdated plugin to export this entire website to a single file and upload it again to another server. After that, I have changed the name servers to the new server also using Cloudflare, and these are the results coming in right now.

Now, this is what I’m talking about! Follow the steps, follow this medicine, and you got great scores! Awesome. Only my client is not gonna be happy with this solution, because it might have quadrupled their price of their paying per year and now per month. But sometimes, if you wanna go fast, you have to pay some extra money. Now, the extra money isn’t that much if you follow the link in the description, because I have an affiliate link which will give you a big discount if you want to change hosting companies to a faster one that I actually used in this video. Now, they’re not willing to pay that money, so I had to switch them back to their old hosting. So if you test the website right now, it’s not going to give you the max score that we achieved in this video. Just a little disclaimer before you start crying in the comments. Trust me, your website can be awesome fast. Now if you liked this video, if I helped you out, hit that like button so I know we were on the right track. Now if you optimized your speed and now you have to take your SEO very serious follow this video if you need more advice on that one. We’re going to optimize a real website. Also, if your security is not that good, just follow this video, which I will teach you everything about WordPress security I know. Alright friends, I see you with the next patient.