See how I got a 100 Google Page Speed Insights Score on WordPress with Astra Theme, WooCommerce, LearnDash, and Kinsta after years of struggling to speed up my WordPress website and get a faster user experience! The keys are as follows!
- Web Hosting. This is the #1 consideration for speed and I was wasting my time with everything else until I switched 3 years ago to Kinsta. Join me on Kinsta managed WordPress hosting at https://jerry.tips/kinsta for the best price today and to feel great helping me earn 10% of what you pay!
- WordPress Theme. After researching the fastest themes, I chose Astra because it is lightweight (low amount of scripts and data).
- Image Optimization. I used WP Smush, then Imagify, and now ShortPixel to compress and optimize my images.
- Perfmatters to stop WooCommerce from loading on every page of my website.
- WP YouTube Lyte to eliminate huge load times from embedding YouTube videos!
Watch the video below for the best experience and hire me as your coach for life at jerrybanfield.com/partners/
Here is a full transcription of the video which will be edited further when the post starts ranking in Google!
I am so pumped. I finally got my website up to a 100 page speed score on desktop, on Google page speed insights and on mobile it’s 95 on the contact form page. Man, I’ve been working so hard on this over the last few years. What I’m going to do in this video is I’m going to share with you the steps I took to get my website on WordPress with woo commerce, learn dash Astro theme and at Kinsa hosting. I’ll show you exactly what I did to get here. First, why is website speed so important? Website speed for user experience is essential when someone actually goes to your website. If it doesn’t load fast enough, people will immediately leave. Often before the website even loads. The faster the website loads and the better it works, then people are likely to come back, share it and all of that helps to rank much higher on Google search.
I already get to around a thousand clicks a day on Google search. Even though my website has been slow and I’ve been obsessed with speeding it up. I spent six hours yesterday working on speeding my website up and when I started these tests yesterday, my desktop was in the seventies and eighties and my mobile was at 10 or something terrible. The first key thing you need to do in order to have a faster website is, and these are my Google search, this is my Google search console. As you can see in the experimental speed this, I’ve got no valid pages and a bunch of slow pages over the last 30 days on average. One huge thing you can do to speed your website up for mobile is to put amp on it. However, I just got these speed tests on that without even using amp, which is really good.
Now let’s take a look at the first key thing. Everything else you’re doing in terms of speed on your website is a waste of time. If you don’t have a web host. I’ve talked to an expert on making websites and the very first question he asked me is, who’s your web host? If you’ve got a web host that I think if you don’t have kids to for your web host that you are likely to experience slower speeds or some kind of cloud-based instantly scalable host. If you’d like to try sta, please use my link in the description because you will get 10% I don’t know. I will kit 10% if you use my link and you will get whatever the best prices plus you will feel good using my link B. Just like I do this web hosting is on the Google cloud. It is so fast.
It’s all about WordPress and having the ultimate speed. Kins does obsessed with speed and if your website is not on the Google cloud platform, it’s very, or on some other kind of cloud hosting like Amazon or digital ocean. If you’ve just got your hosting on a regular server somewhere, as I’ve experienced, it’s very easy for it to slow down. Anything you do that slows the server down will prevent you from getting these maximum results. In order for your website to go this fast. The web hosting needs to be rock solid and what I love about Kinsta is it’s scalable. My website goes viral and a million people come to it and one day I’ll just get a bigger bill at won’t crash and I won’t miss out on all that traffic. Now Kinsta is, if you look at the plans for it, it can be a little more expensive than some other options, but it’s worth it.
It’s only $30 to have the starter plan. I’m actually on the 300 a month plan because this is what I need for having 2000 or so plus page loads every day on my website and enough disc space and I’ve got free SSL and CDN. Thus your web host you if you’re using, I used a bunch of other web hosts before, you will not get the top page speed scores if you don’t have a great web host for it. Now some the next thing to do, the next key thing is which theme you are using, which WordPress theme you are using. I was using this heavy theme before on my website that made it slowed down unbelievably and all of the other optimizations I did. Even though I had my web hosting on Kinstar, all those other optimizations I did didn’t matter. What I use now is the Astra WordPress theme.
I did hours and hours of research to look around find which theme is the fastest. Astra has a totally free theme you can use in that if you want to customize it. It’s pro Astra. As you can see, it says it’s a fast and beautiful WordPress theme. That was one of the more painful things I’ve done this year is switched my WordPress theme and it’s worth it. It’s worth it. It’s worth it. Some of the older WordPress themes get really slow and you’re not going to get a maximum page load time here if the theme is bloated and has a bunch of extra data. One of the keys to getting a high page scores I’ve found out by putting so much time and energy into it is to have a small page. As you’ll notice this page on my website to only 204 kilobytes. That is a nice small page and the theme, you’re Astra has a very small theme profile.
There are some other themes that are even faster. I decided to go Astra that says there’s all for a half million people who build websites on Astra and what I like is Astra is integrated well with things like woo commerce with amp helped my website run lightweight and it works well with all of the other plugins I use it. The thing to do to check your page speed insights is just go to Google page speed insights and then look how big your page is. My pages were bloated in huge on my old theme and they were bloated before I went through some of the additional optimizations I’m about to show you. Thus, the host and the WordPress theme are two of the biggest choices you make upfront to speed your website up and even sometimes just doing one or the other won’t cut it. I was on Consta and I still got low scores because of my theme and if I had Astra on a different non-cloud based web host, I would still have slowness on the web hosting side.
Therefore, once you get your web host and your theme locked down on speed, then you’re ready to go through and look at all these plugins. The first key plugin I’ll point to is for images. One of the biggest data hogs on my website has been images. I’ve just started using ShortPixel image optimizer. I was using Imagify before that and I was using WP smush. ShortPixel appears to be the best option for an image optimizer. It allows resizing of images converting PNG to JPEG and to allows bulk processing of the entire library images. When I was checking and scrolling through my website, especially if you look at some of these blog posts, I’ve got a ton of different images on them. It’s important these images not have huge file sizes or this will slow down my page load time. Another thing you can do with images and make sure to lazy load them.
What’s important for speed tests is how fast does the page itself load. What you’ll notice if go over to a different blog post on my website. You’ll see if I scroll down, the images don’t actually load until I need them. This allows the website to get that really fast and initial page load time. Then when I scroll down and actually need to look at an image, then it lazy loads in what I was doing before. I didn’t have lazy load on and I had big bloated images and my pages were loading just ridiculously slow, ridiculously low slow pages. Then Google won’t give me the search traffic. Then I’ve spent all this time and effort and energy and money to get these beautiful pages on my website that nobody sees. Speed is so important to get people actually use it. The image optimization plugin you use is essential ShortPixels.
Also for me, significantly cheaper than Imagify, which costs for all the data I had was costing $40 a month. ShortPixel looks like it’ll do at least six months just on a $99 plan, if not longer than that with the plugins generally I went through and cleaned out as many plugins that I wasn’t actually using because every single extra plugin can potentially load up additional scripts and many of these scripts that are loaded on every single page regardless of whether you need them or not. Thus step one is to minimize the amount of plugins, but then you also want to put in plugins that will help speed up your website. There’s three different plugins that I’m using that have helped greatly speed up my page load time. One is autooptimize, two is AutoOptimized, critical CSS power up and three is Perfmatters.
These plugins have helped me get my score from the seventies and eighties into much higher and I looked in the kids to dashboard when I was looking around in the kids to dashboard. Kinsta has outstanding reporting because it’s a speed obsessive architecture. It has great reporting setup to help you see where your website’s going. Slow. I noticed woo commerce was taking a ridiculous amount of data on my website because I’m so excited. I just got this shop page set up. I finally am getting everything I can do all in one place that Jerry banfield.com/shop I’d love for you to go be the first to place an order in my new shop on my courses or all course bundles today or my partner program. This woo commerce plugin allows me to sell anything on my website. For example, if I click on add to cart here, then I click on view cart.
Then you can see and I hit proceed to checkout. This allows me to take orders directly on my website to sell online courses with LearnDash and then with woo commerce. The problem is that woo commerce by default just puts all of its scripts on the whole website. That means that when you were on my about page woo commerce was running everything there, just the same as if you went on the shop page in terms of speed. That was horrible and what I did, I Google a bunch on how to speed up woo commerce and in order to speed up woo commerce, there’s two diff, the whole website with AutoOptimize and then perfmatters. Both of these were extremely helpful and what I’ll do is show you some of the key settings in both these. So if I click on perfmatters over here, Perfmatters has some essential things.
If you’re using woo commerce bus, and this made a massive difference speeding up my website, I hit all of these, I disabled all of the wool commerce on all the different pages. That single handedly boosted my score across the whole website by about 10 points. And what’s worse, if you’ve got some bloated plugin like woo commerce that’s using a bunch of data across your whole website, it’ll flow the whole rest of the web experience down for everybody else because woo commerce is requesting so much data using so much bandwidth, so many server resources that it slows the whole website down. Thus getting into figuring out which plugins are ruining things for the whole website is huge. But at the same time I need woo commerce to make sales and thus this plugin Perfmatters, makes it awesome to speed it up. I also have this tab in Google analytics and Perfmatters where I’m able to put my Google analytics code directly and locally on my website instead of pulling from Google servers, which saves an HTTP request which speeds things up.
I’ve also been able to plug my CDN in right here, my content delivery network, and that reduces the amount of times that my website has to ask for things elsewhere. When you make a request to a website, you want there to be as few additional requests that need to go out as possible in a CDN helps with that. I’ve also went through and disabled things I don’t need, like I don’t need Google fonts, I don’t need dash icons, I don’t need emojis, so I just turn those off because all of those little requests add up in the page speed score and all those little requests can increase the transfer size of the website can increase the external things that I need and therefore I want as few of those as possible. This Perfmatters is a plugin. It costs about $25 a year or so, really well worth it.
Then the other plugin I use is AutoOptimize. AutoOptimize has done great for speeding my website up and these are the settings I’ve used on AutoOptimize. I click on optimize the Java script code, put the aggregate JS files together. I clicked some of these before and they messed up various things on my website so I tested the settings to get everything, just how I wanted it and I’m including this critical CSS power up because this helps go page by page on my website and get the code in an optimized form so then I can get that 100 page score on my website. If I scroll down here, I click on optimize HTML code, I’ve got my CDN base URL there and then I’ve got these things checked on all my options here. Once I’ve done that with this setup, AutoOptimize plus the critical CSS, PowerUp has allowed me to greatly speed up how fast.
When you click on my website, it actually comes up for you. Another thing I’ve done is to lazy load images as I mentioned before and there’s several different plugins that will do that. The images plug in here and AutoOptimize. Ha, I chose to put it on right here. It says lazy load images and this means image. Lazy loading will delay the loading of non-visible images to allow the browser to optimally load resources above the page first. In other words that when you’re on JerryBanfield.com and if you click on a blog post, it will focus on pulling only what you need to see. Therefore it gets the whole page loaded quickly. Then if you want the images down here, it loads them. That’s an essential option, but lazy loading images is in several different plugins, but I just use it in AutoOptimize. It was also in Perfmatters and I’ve got ShortPixel set up here, but I don’t have this clicked right here.
I might click that and get it connected in just a minute. Thus, if you put all these together I’ve got now, I also put the images on my website in the right size. If I was putting big huge images, 1920 by 10 80 which makes sense. Just take a direct thumbnail from one of my videos and then stick that into the post while those bigger images, even if I was compressing them with a plugin like ShortPixel, which I was using images by before, when I’m you’re compressing an image just much bigger, you need much more data. Therefore, I’ve shrunk the image size down to about a thousand pixels on the longest side and that way there’s much smaller images on my website or when you’re reading a blog post, you don’t need some massive 1920 by 10 80 image, especially since half the traffic is on a mobile device.
Thus when you compress a smaller image, it uses less data and less data you use the faster the website loads, especially on mobile. If you go over to mobile, you’ll lose even more speed when you’ve got data, when you’ve got lots of data, you need to download that when the page size is bigger versus doing it on desktop. I also went through and deleted a lot of plugins I wasn’t using. I deleted all the themes I wasn’t using. I still had a theme on my website from four plus years ago. I went through and deleted all those extras out of the themes. I also downloaded a plugin to help me clean up my database. I downloaded WP DB cleaner and cleaned out my whole database from all these old plugins and old tables that hadn’t properly deleted themselves. That way the database isn’t so cluttered.
Now I’ve got my website set up where it does all the essential things I need to do and it’s fast. These are the plugins I’m using. I’m using amp for WP for amp. I’ve got admin menu editor to help me move things around. I’ve got the advanced database cleaner pro. I’ve got amp for woo commerce, Astro hooks, Astro pro widgets, AutoOptimize, AutoOptimize critical CSS. I use blog to social to help me share my blog posts onto social media. I’ve got cart flows to set up sales funnels. I’ve got Elemnetor to design different elements of pages I disabled jet pack, which is loaded with a ton of bunch of stuff and makes all these extra requests. I just disabled that which helped get me up from 99 to a hundred and I disabled woo commerce services because every one of these extra things you have that you don’t use slows you down.
I also put WP YouTube Lyte. If you embed YouTube videos, this is an essential plugin as I’ve got all these pages on my website with YouTube videos and when you load a YouTube video, it can be very resource intensive because then you have to pull all the information from YouTube in addition to your website. Well, what you see here, this YouTube embed, this YouTube Lite plugin allows me, this is not really an embedded YouTube video. This is an image with a button on it and when you click on the image then it actually pulls the video up and embeds it from YouTube. Thus you have to actually click it twice. But the page load speed goes up a lot and it doesn’t actually embed the video until you click on it and then it embeds it and that helps speed it up a lot. I’ve also got my login hidden so that people can’t just try and brute force my login all day.
On the default pages. I’ve got this external links plugin, which allows me to help keep my SEO, not just linking out to everybody and giving do follow links away indiscriminately this way I keep the do follow links to just ones I decide on the whole website. I actually don’t need the woo commerce Amazon pay gateway anymore. I just took that off yesterday. The more unnecessary stuff I have on my website, the more it slows everything down and especially the slower it is across the whole website. Then things like the admin dashboard go slower and I am, I’ve experienced the admin dashboard going significantly slower and Perfmatters. It helped out a little bit with that. My admin dashboard, I could still use a little bit of help speeding that up. These are the plugins. Oh and I’ve got learn dash for all my online courses on here as well.
This is what I’m doing on my website. This is how I got the 100 page score. Now the pages tested. This was my contact page, so this is an extremely basic page and that’s the thing. An extremely basic page should easily be able to get 100 on it. If you can’t get 100 on an extremely basic page that shows site wide problems. Now the one I got a 99 on was the about page, you’ll notice this page is more of a regular page. It’s got several different images on it and it’s got a significant amount of texts and this has a 99 on an and if I tested it several more times it might get 101 time. Thus that’s, I was just testing the homepage. But the problem with doing something like testing the homepage, I currently just have my homepage as a blog and if you’ve got a more involved homepage that might not be the fastest page on your website.
For me, I’ve realized I want to test a page that has the absolute minimum on it and then if that page can’t get a hundred I know these are site-wide things I need to optimize. I appreciate you watching all of this today. I hope this is helpful to show you how I was able to get a hundred page speed score on my website after struggling with it for so long. And if you’re trying to sell online courses on your website, if you are trying to make an effort to do eCommerce with something like woo commerce, it’s essential. You’d be able to have a fast website for good user experience. To me, the first thing, the first consideration on a website is speed, and then after speed, then you build everything else up. But if your website is slow, there’s no point in having it to start with. So I hope this is helpful for you and there you can keep testing my website whenever you want to and see how it’s doing and keep me accountable yourself.