Typically the DOM will have to request resources from your server to generate everything happen, and this is where things start to slow your site down. Having that sort of background knowledge I hope will help in us being able to triage some of these issues.
We know that a site is suggested by Google. The quicker the better, obviously. But that’s sort of where the range is. I highly suggest you have a view of that. Put your competitors into some of these tools and benchmark your speed goals against what is aggressive in your industry. I think that’s a way.
It is a complex subject that tends to be technical, although page speed is an important consideration for your search engine optimization work. What are the most crucial things to know about your site’s page rate, and how do you begin to improve? In this week’s edition of Whiteboard Friday, Britney Muller goes over everything you will need to know to begin.
Page speed tools and resources
One of my favorites, lighthouse, is available right. Inspect Element clicks and if you are on a web page and you open Chrome Dev Tools up, to the far right tab where it says Audit, you can run a Lighthouse report right on your browser.
Moz fans, hey. Today we’re going over all things page rate and really getting to the bottom of why it is so important for you to be thinking about and working as you do your job.
Images are the culprit of loading web pages.
What are some of the most common culprits?
What I love about it is it gives you very specific examples and fixes which you can do. A fun fact to know is it notice they’re focused on mobile, and will automatically be on the simulated Quick 3G
Are insights that are proposed that are Google and tools. I think what’s really interesting about these is that we get to find out what their concerns are as far as page speed goes and actually begin to see the shift to the user. We ought to be thinking about that. But first and foremost, how is this impacting people that come to your website, and then second, how can we get the benefit of Google perceiving it as higher quality?
So we’re going to go over some resources, what they mean and a few of the metrics, and then what are some of the ways that you can improve your page speed.
Note: Mistakenly said”BigML” rather than”BigQuery”.
This is real user metrics that are Chrome. Unfortunately, it’s only available for popular websites, but you get some data out of it. It’s placed so some fundamental SQL knowledge is needed.
How a webpage is loaded
Problems That could be slowing down your website
At the fundamental level I’m going to briefly explain just how a web page is loaded. That way we could sort of wrap our minds around all this things.
First paint that is meaningful is when content is visible.
Preconnect, prefetch, and preload extremely interesting and important in speeding up a site. We see Google doing so on their SERPs. If an element is inspected by you, you can see Google prefetching a few of the URLs that it’s it faster for you if you were to click on a few of those results. You can do this on your site. It is helpful to load and speed up that process.
Page Speed Insights is interesting. They incorporated Chrome User Experience Report. But if you’re not one of these sites that are large, it’s not going to measure your page speed. It’s going to look at how your website is configured and provide feedback based on that and score it. Just something. It provides good price.
Pingdom and GTmetrix are non-Google tools or non-Google goods, but super helpful also.
First paint is he first paint onto a screen. It might be the first change that is pixel. That initial change is considered paint.
Thanks so much. See you.
Caching is so, so important. Do your research and be sure that is set up properly. Same with CDNs, so valuable in speeding up a site, but you want to be certain that your CDN is set up correctly.
The DOM content loaded, this is when the HTML is parsed and loaded. So some excellent ones just to know about in general and to keep on an eye.
What are some of the metrics?
If it usable and engage-able time to interactive is. So we can not quite use it and it seems like it’s done, although we have gone into a web page. Where this metric comes in that is. So when is it usable for the consumer? Again, notice how metrics that are these that are user-centric are. Really neat.
You can minify resources. So it’s really good to be aware of exactly what minification, bundling, and compression do so you can have some of the more technical conversations with developers or with anyone else.
I like to switch that to applied because it’s Lighthouse. It appears to be a bit more accurate, although it takes a bit more.
So this is kind of a high-level summary of page speed. I’d like to hear your questions and your input and comments down below in the comment section, although there is a ton more to cover.
HTTP/2 can speed up things. You must sort of study test and that, as to what extent.
As soon as the content appears, first contentful paint is. This might be part of the nav or the search bar or whatever it may be. -That is the paint.
The easiest and quickest way for you to accelerate your site is really to compress those images. It’s such an easy thing to do. There are all kinds of free tools out there to compress them. Optimizilla is one. You can even use free tools Save for Web, and compress.
I don’t know what the name of this is. Please comment down below if you do. But it’s located on testmysite.thinkwithgoogle.com. This one is actually cool because it tests your site’s mobile speed. If you scroll down, then it directly ties it. We see real-world metrics being leveraged by Google, tying it back to what is the proportion of people you’re losing because your website is slow. It’s a brilliant way to sort of get us on board and battling.