Affiliate MarketingContent MarketingMiles Beckler

Optimizing Your Site For Pagespeed – How To Analyze Your Website To Increase Load Times

hey miles here miles Becker calm and this video is about analyzing your website’s page load speed so you can optimize your website to load quickly Google cares about how fast your website loads and Google does reward websites that load more quickly than websites that take a long time to load when all other things are considered this means that if you’ve got the same domain Authority the same page Authority the same kind of ranking factors that are identical between two websites one of them loads in a second and the other one loads in five seconds the site that loads in one second is probably going to rank higher so if you’re wanting to optimize your WordPress site or your website for page load speed to get better rankings in Google this video is gonna show you where to look and how to find out kind of what to do in that situation or you might be just using your website as a user you might be testing it on your phone you might be kind of looking at it on your website over or on your laptop over and over and you might just be feeling like it’s kind of loading a little bit slow I want to speed up my website this video is going to help you identify those things that are slowing down your website so you can know where to focus your attention I have not optimized my personal blog for page load speeds so we’re gonna go in and kind of run the report and I’m gonna talk you through what I see from this report that I use I use a very specific report that’s not the Google report and I’m gonna talk you through what I see and let you know how I’m going to approach improving my PageSpeed times the goal is you’re gonna be able to run this on your site and kind of analyze it in a very similar fashion and you’re gonna see exactly how to identify that which is holding you back so you can speed up your website also so now for the intro on this video let’s get in the first place we start is our home page I want you to go to your home page specifically exactly how it loads so take the URL from the top bar and copy it yours may load HTTP it may not yours may load with the WW it may not again you want whatever your url loads as to show up here then we go to GT metrics GTM ETR IX and it’s a free page kind of analysis tool and i’m gonna paste in the URL and I’m going to click analyze what it does now is it runs it through multiple different tools there’s a PageSpeed tool the yslow tool and then something called a waterfall tool mm-hmm now you’re gonna we’re gonna get a grade is the first thing that’s gonna happen is you’re gonna get a grade for your website and I’m not expecting good grades because I have not done this and it’s okay if you don’t see good grades so right here I’ve got straight DS right I’m not really passing here and that’s okay my load time you might want to note these numbers down so as you make changes and you work to improve it you can track your progress so this is the baseline three point four seconds is kind of an obese website it takes a long time to load my homepage and that’s partly because I’ve done some customization of the homepage and it’s a little bit image-heavy I’m gonna show you exactly how I know that I’m all show you data that backs up that hypothesis but I would love to get this closer to a second and a half or a second or below and then the page size right like 2.1 6 megabytes i would love for this to be a 1 megabyte page but i’m kind of image heavy and the way i’ve got my home page built and i like the way it’s built i know that it’s never gonna be really small and i’m okay with that so again the first thing is i’m consciously making compromises because i want my website to load i like the imagery here you can see there’s a big background image this is a high-resolution image of me i’ve got 4 icons that all loads and then below we’re pulling all of these images and we’re pulling things from my blog roll each one of these is a call to the server and it needs to import that information now if i turn this down to only loading 6 of these it probably would speed things up but let’s go into the data and let the data help us kind of see what’s going on so the first thing you’re going to notice is right here i’ve got my page speed score which is kind of tool number 1 that they run it through and this is the results from page speed here the first thing is optimized image and Serve scaled images excuse me so what that means is that my images are not necessarily optimized for web I’m probably or possibly using 120 dpi or 300 dpi images when I could compress those down to 72 dpi images if you’re a Photoshop user you would use the save for web tool on all of your images so I’m gonna have my design guy go in and actually save all of my images for web the other thing is serve scaled images what this means for me is that my server and theme are having to resize images on the fly for example the image that is actually this little tiny image here the how to start a successful wordpress blog this is the real size of the image when I click and load so when my theme loads this thumbnail that’s shaped like this my theme has to go calculate and compress the size of that image on the fly if I could hard code in a thumbnail for each one a smaller thumbnail at the post level and tell my theme to pull that it would speed things up but if I lost you right there because that sounds super technical it is right I would need a developer to go in and do that so I’m probably just going to ignore that and move along happily the white slow speed is this score here right so this is tool number two that it analyzes with and it gives more kind of ideas I don’t think I talked about the requests I like I like under a hundred requests this is how many times it has to ask the ask the server or a server for a piece of information whether it’s an image or what blog goes in this little thumbnail section or what you know what sits in a thumb bar or the footer the the header the navigation etc each one of those is a request so the least number of requests possible the better because it’s just got less things to load so here we can see make fewer HTTP requests that’s saying get this number down use a content delivery network now I’m not using one on this website on my main website I use two content delivery networks I use Amazon’s AWS which is their Amazon Web Services it’s essentially a very high-performance cloud server that delivers a lot of my images so it’s not all coming from my web server I also use Mac’s CD and on that site which does thing so my theme files a lot of my images instead of it all loading from one server being really slow I use CD ends so I can load all those bits and pieces that make up my website I load them from different sources I’m obviously not loading that here that is something I’m going to configure I’ll probably make a video on that to show you how I do that because it’s really it’s really quite simple cookie free domains not gonna happen I’m a marketer I run cookies and you can see the rest of them are are okay right like the rest of them are actually fairly good I’ve got a lot of good scores but I got some bad scores now here’s where we really get into the data that is the most kind of actionable and the most valuable now we’re going pretty deep into a tech hole it’s okay you can do this all you really need to do is you’re looking for the really long colored bars because that means something’s lagging so right here my first one this is an example the the length of the bar is a visual representation of the time that whatever this task is takes to load so when it says I made 84 requests I believe that means that I have eighty four lines of things that happened right these are all of my requests and you can see some of them are really short they happen really quickly others are a little bit big right half second here half second there it all adds up and then some down here you can see like this one was one point three nine seconds not a good thing to have load so the way this waterfall report works is when your page loads it starts essentially at the top it starts at the header text and then it works its way down to build all the body copy and then it works all the way down through the code to the footer then everything have to close and you’re seeing a representation so this is in order right this happens then this happens then this happens then this happens so when we have something that slows down and then other things slow things down this is how we take time so your goal is to look for the really long one so like right here I’m noticing this is a long block of slow loads I want to analyze that and then down here another long block of consistently slow loads and then here’s a really long item and we’re gonna look into how to figure out what these things are so we can optimize them in the future but first I want to talk about this first one here essentially you can see that each color in this report has a different meaning right so the blue is the DNS lookup so that means we type in my URL and all of a sudden the computer goes and looks at the domain name servers to look up miles becker column what IP address is that from where where what server write an IP address is essentially like it’s it’s the computer equivalent of GPS coordinates like the where I’m sitting right here there are GPS coordinates that are my exact location on earth your IP address for your website is your exact location for your web site on the interwebs on your server but you and I can’t remember IP addresses that easily so we mask them with domain names so miles Beckler comm is a easy to remember kind of mask for my IP address so looking up the dns is you know 18 milliseconds very short connecting is also a pretty short situation there’s a long waiting period for some reason so when I connect there’s a long period of waiting and then there’s a really quick receiving so I can find out what is what are we waiting for there’s two places I would go look into this I would email support at my web hosting company now to say hey I’m wondering why my domain name gets stuck in this waiting position I would send them a screenshot of this exactly right here the second place I would go is email my domain name registrar now my server and my domain name are with different companies and I’m guessing it’s because I’ve got those at different companies that that’s why it’s taking so long is because my server talks to another third party the third party talks back one of those computers is lagging I can find out which one that is move my domain over to a registrar that’s that’s kind of at the exact same place that I host it etc etc this is how you do it you got to play detective at this point and dig down and figure out all these little bits and pieces so it’s normal to see a lot of line items it’s normal to see a lot of things here again what we’re looking for is large kind of groupings of different items if you want to start to learn what these things are when you hover it gives you the exact URL call so this one I’m hovering over you notice it’s wp-content forward slash themes’ forward slash rise child forward slash CSS so what this tells me by looking at that URL is it’s my wordpress theme my child theme and specifically is my CSS which is my cascading style sheet that’s the text document of code that organizes and makes my site look pretty so this one component in my stylesheet takes a third of a second to load essentially so these are the kinds of things and you’re never going to stop your style sheets from loading but if I ran a CDN and that style sheet came from a high performance server and not for my web server my website could load it and these other things at the same time so again one of the first things I’m going to probably do is add a CDN here and then rerun this tool and it’ll eliminate or actually minimize a lot of these these things but I can still find some other things that can be put on my to-do list on how to optimize my site here so I’m gonna scroll down some more and I want to look at these big blocks here because these are you know over a half second each point six one seven all the way up to 0.76 almost 0.8 there’s a lot of time right here in looking at this page load speed like yes this is a consistent block of items but they’re all much shorter right there they’re smaller lines they’re shorter lines this is there’s a lot of time loading here so what are these things and when I hover over it sure enough email marketing featured top ten books dot jpg create awesome courses with this simple framework let’s take a look over the website it’s these here right it’s literally these images being pulled in and that’s a part of my theme so how many of them are here I can go look I’m like one to ten ish 12 ish how many do I actually have here so I’ve got three six 9 12 15 18 so ever 18 of these images that are required to be pulled in every time my site loads first thing I’m thinking is well what’s the quickest thing to do is cut it down to 6 right if I cut this down to my six most recent only and I get rid of these bottom like what however many that is instantly there’s going to be less things for my website to load when it loads my homepage I’m gonna eliminate 1/3 2/3 of these kind of longer things and boom I’m better so how do I do that I’ve got a developer guy he’s the one who built that custom theme for me and I’m gonna ask him to cut the number of thumbnails that are showed on that blog roll I’m gonna have him cut it down in half that’s gonna eliminate a bunch of these but I’m still curious why they’re taking so long to load in the other tool we were looking at if you’ll remember at the page speed remember it optimize images there’s no optimization here so another thing I’m gonna want my developer to do and honestly back in the day I did all this myself right I’m just in a position that I’ve got a lot going on in my business and I have a full-time developer who can do this I didn’t know how to do any of this and I dug in and figured it all out I will go in or he will go in to each one of these main images when it loads so I clicked on this this is the actual image size that’s coming through I’m gonna make sure that every single one of these featured images that display on my blog are hyper hyper optimized which means that they’re saved for web in Photoshop there a maximum of 72 dots per inch and essentially I’m gonna make sure they’re the smallest file size possible I’m using as much compression as possible before I upload so when my web server loads them it lows snappy nice and fast so there’s two things I’m gonna do there in addition to the CDN and in addition to reaching out to my web host and my domain registrar to figure out why that’s lagging let’s go down a little bit farther here and we’re kind of at the bottom of the report and here this one is what is this track CMP Nets so this is some sort of tracking and I don’t actually know what this tracking is and this is where we get into okay so this is active campaign tracking right so I have installed on my website and this is on all my websites and and the same with like Facebook pixel tracking or Google Analytics tracking all of these tracking pixels that we add to our website they all take time to load this is a snippet of code that needs to load it reaches out and communicates with active campaigns servers active campaign is who I’m using to manage my website or my email list and the the reason I have this in place is when I send you an email if you click and visit a website active campaign knows that you clicked on the email and you visited the website I can create custom audiences based off of this kind of data I can kind of do interesting retargeting based on the website data I’m currently doing none of that but I have the infrastructure in place so is there a way for me to speed up the page load time you know there is a tool called Google tag manager that allows me to put my Facebook code my Google Analytics code and also any other tracking code like this one into one container all that loads is one container that has all the three pixels can slow too it can speed up my load time instead of pulling pixel a from Facebook pixel B from Google pixels C from my email service it would load one pixel and then on the backend it would load everything off of Google servers speeding things up and this is literally this is the game of PageSpeed optimization it’s a lot of staring at a screen that makes no sense at first looking at weird lines of code and ideas of like I don’t even know what that means then what do you do I copy the URL I go google it why is this URL right I would do why is forward slash wp-admin forward slash admin dash Ajax taking so long to load on my site this is the game it’s kind of kind of difficult work right like we are really this is grunt work this is a lot of uncovering and discovering those places in your themes in the images that you’re using and the plugins that you’re using you’re able to visually see here on the screen what’s slowing you down and once you have a list of the biggest kind of users or abusers of your servers resources then you formulate a unique plan to eliminate them to speed them up etc etc and massive learning process I was able to off the fly identify that one setting up a CDN is gonna speed up a lot of these things because I’m gonna take that weight and that burden off of my web server and put it onto a high-speed cloud number two how I have my home page designed having 18 different thumbnails on my blog role is simply inefficient I can cut that down to six maybe nine cut that load time I will easily remove a second or hopefully a second and a half from that alone optimizing my images and then looking at the idea of how do I take all my tracking pixels that are also taking time to load and maybe merge them into Google’s kind of tool that they have Google tag manager and loading that once instead so this is the game and yours is gonna look different than mine and you’re gonna notice sometimes that it’s a plug-in or two plugins might be fighting for resources you might see that one plug-in is taking an extremely long time to load you might want to get rid of that plug-in you might want to test a different plug-in that does the same job in that situation there’s really no I’ve tried to hire people to do this job for me and it never actually worked there’s no easy way to go about this I do think that GT metrics has someone on their site they say you can reach out to them for help with with your PageSpeed times I’ve never gone through that right they have right here contact us for optimization help and they’ll help you kind of go in that direction there is sometimes the possibility of paying for like a turbo level on your server or a faster server when your website gets to the point where you’re running one two three hundred concurrent users for most of the day you probably will want to upgrade to a virtual private server or a dedicated server that way you have 100% of the resources of that machine or at least 25% of the resources because if you’re just on a shared server there’s the odds are you have hundreds if not thousands of other websites all using a portion of the kind of server resources so there’s a lot of different angles that you have to go but the easy places to start is to look at this GT metrics tool I did by the big long bars in the waterfall report take a note of the things that they recommend in the yslow and the PageSpeed reports add your CDN make sure you’re optimizing images look out for plugins that are fighting for resources and taking really long times to load and when you see those things in your waterfall report like I’ve just found that are really long either a big groupings of long load times like right here or these really long items you need to dig in and figure out what they are and then you need to formulate a plan on how you can potentially speed up those processes leveraging third party servers like CDNs leveraging third party tools like Google tag manager or different plugins that accomplish the same goal always looking out for page speed and load times once you’ve made some changes come back into the GT metrics tool rerun it take an idea and what you’ll find is there’s new things that are taking the longest right when you take those long things and you compress them down now something else is the longest you’re never done this is not something you do once and you’re finished it’s something that you need to kind of continue to work with overtime I do revisit this tool once a year every six months for my wife’s website because it’s something that as we add more content and as we have more plugins and more functionality to our site we ultimately are slowing it down so it’s it’s going in and cleaning out those things we can and and making sure that what we’re doing is as optimized as possible and you learn new habits right like saving your images for web for example is one of those habits that you learn and really just monitoring this kind of identifies like how every time I do that it seems to slow things down let me go look for a plugin that doesn’t have that components built into it I’ve even emailed plugin creators for example like the the social media plugin I use called social warfare I was on three or four different social media plugins that were loading really really slow I identified from this tool that it was clearly the social media plugins that I was using that was taking so much time they were all trying to do way too much I identified the line item in the script that was lagging and when I found this social where warfare plug and I emailed them I was like hey I’ve got a problem with this does your plug-in use that functionality he was like no not at all I installed it instantly our our website sped up that’s what we like days if not a week or more to figure out but since we’ve made that change that website loads a lot faster we get better rankings everyone’s happy so that’s the name of the game I hope this has been helpful for you I hope this has been valuable if you’ve enjoyed it give me a thumbs up here in YouTube I appreciate that kind of engagement any questions here feel free to hit me in the comments below I don’t really have any magic skills to be able to answer like what does this line item mean go to Google for that do the research you got to dig in because it’s your site there’s certain things you’ve done and you’ve got on your site that that slow things down and you need to figure out what those are for yourself but overall theory in page load times hit me with a comment I’m happy to chat about that if you haven’t subscribed click Subscribe or if you have subscribe click the little bell next to the subscribe button that way you get the notifications here in YouTube when a new video is published and I just hope this has been helpful this is one of those kind of like down and dirty in the dirt kind of you know dirt under the fingernails types of jobs that I’ve been doing for years years and years I had no experience in this area don’t know anything about server administration I don’t have a computer science degree none of it right self-taught 100% by finding like ok that looks like it’s slowing things down what the hell is that and then going in and just spending a lot of time on Google and going down the rabbit hole in YouTube and figuring out what those things are why they’re causing the slowdown and what my alternative is that would be a lot faster this is how I’ve learned my best practices this is some of the the dirty grunt work behind the scenes that the fake gurus don’t tell you is real but it is real and this is the stuff that that I’ve been dealing with for years and welcome to the party I guess you can do it I know that cuz I self-taught myself this stuff and you’re never gonna get it perfect there’s always gonna be things slowing down your site like we are loading assets from a variety of web servers so keep that in mind do the best you can and just revisit every once in a while and revisit this video every time you want to I mean just track a little log of what you’re doing so have a notepad somewhere how about Excel spreadsheet or Word document somewhere that you know the date you ran the test what your numbers were what you identified what you changed let it sit for a day a week or something go back rerun the test and every time just keep keep kind of adding to that log so you got like a log of all the changes you’re making and so you can see if you’re trending in the right direction or if something you did since you in the wrong direction you’ve got a little log of what you did so you know how to kind of flip that back and and fix any errors that you may be created for yourself along the way that’s it for this one thank you very much I hope it’s been insightful I hope you’ve learned a lot about PageSpeed load times and all that fun stuff any questions having the comments and I’ll see on the next video so until then be well and thank you again for your time I really look forward to connecting on the next one

As found on Youtube

Tags
Show More

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button
Close
Close

Adblock Detected

Please consider supporting us by disabling your ad blocker