Page speed is how long it takes for a single web page to fully load its contents. Site speed is a measure of how fast your website loads pages overall. This guide will focus on page speed because if you can improve individual page performance, your overall site speed will naturally improve as well.
Why Is Page Speed Important For SEO?
Back in 2010, Google announced in a blog post that site speed was now a ranking factor in their search algorithm. They stated that they are rewarding websites with faster page speeds because it is helpful for both users and webmasters. For users, a faster loading time means a better experience and happier people. For businesses, some data has shown that faster load times can actually reduce operating costs. Originally, the keyword ranking improvements from good page speed scores was minimal. At the time of the 2010 announcement post Google said, “fewer than 1% of search queries are affected by the site speed signal in our implementation.” While it’s unclear just how much this has changed, certain studies such as the 2015 Searchmetrics Ranking Factors study showed a positive correlation between site speed and keyword rankings. Additionally, online consumer behavior studies from Akamai and Gomez.com have shown almost 50% of users will abandon a web page that doesn’t load within 3 seconds. While not officially confirmed, many SEO’s believe bounce rate is a ranking factor in Google’ search algorithm, but even if it isn’t a high bounce rate will affect your bottom line.
What Factors Determine Page Speed?
There are dozens of factors that determine page speed. Google has identified 10 of the largest factors. You can check out each of these links for more information from Google.
Avoid Landing Page Redirects: None of your internal links should return a 301 response code. If you have implemented a 301 redirect, update your internal link to point directly to the new final destination URL.
Enable Compression: Because all browsers support gzip compression, you should be using it to compress your HTML and CSS files. This can lead to code reductions of over 50% in some cases.
Improve Server Response Time: Reducing your server response time will help your page’s HTML render faster for the user. Google recommends a server response time of fewer than 200ms.
Leverage Browser Caching: Caching is when your computer stores recently accessed information or data; this relates to page speed because if users cache files or images, on return visits the browser doesn’t have to use resources to recrawl them so page load times will be dramatically lower.
Minify Resources: Minifying, or reducing the file size of your code can also reduce load times. This involves things like using shorter variable names and removing whitespace or unnecessary comments in your code.
Optimize Images: One of the biggest reasons for slow website are huge images that take a long time to render. Try to keep your image file sizes as low as possible without sacrificing quality.
Optimize CSS Delivery: All web pages need to render CSS in order to properly display a page’s styling and layout. If your CSS is render blocking the page won’t load until the browser fully processes the entire CSS file. Try to inline small CSS code directly into the HTML, but use external style sheets for large blocks of code.
Prioritize Visible Content: This just means you should set up your code so that above-the-fold content renders first on your page, so that users do not have to wait for the entire page to load before seeing the page.
How Can I Test My Page Speed?
The two tools we primarily use at Wpromote are Google PageSpeed Insights and Pingdom.
Pingdom Website Speed Test - This tool is great because it gives you a score and an average load time for the page. You can also choose where you want to load the page from, meaning you can test how fast the page loads for different markets. The tool also provides you with performance insights and gives the page a grade for each rule (these rules are slightly different than Google’s tool). Your goal should be to keep your page load time under 2 seconds.
What Are Some Tools To Help Optimize My Pages?
Compressor.io: Use this tool to lossy or losslessy compress images.
WP-Smush: This WordPress plugin will automatically optimize your images in bulk.
Cloudflare: Cloudflare is a great content distribution network (CDN) that hosts your content externally and helps serve this content faster, from anywhere in the world. Will also help with code distribution.
CSS Minifier: Simply paste your CSS in the left box, and your minified CSS will be displayed on the right.
W3 Total Cache: A WordPress plugin that enables powerful browser caching automatically.