Google PageSpeed Optimization Case Study

Search engine optimization (SEO) is all about building credibility with Google. One way we build rapport with Google is by optimizing page speed. Not only is page speed a critical ranking factor, but it also impacts user behavior. The faster the site loads, the more likely the user will stay engaged with the site. The more engaged a user is, the more likely they will convert.

As traffic from mobile devices continues to trend up, we believe page speed will only become a more important ranking factor. In preparation, we decided to overhaul 28 of our client websites across SaaS, e-commerce, plastic surgery, legal, and finance industries. This extra effort lead to massive credibility gains across the board.

By optimizing page speed for our clients, we saw an average increase in user engagement by 37% across 28 websites. This additional engagement has led to more conversions and increased revenue for our clients.

Understanding Google PageSpeed

Google PageSpeed is a weighted average of three different metrics. The weight of each metric reflects the user’s experience and the website’s performance. Here’s an overview of the three primary metrics Google is evaluating when calculating page speed – 

• Largest Contentful Paint (LCP) – LCP is an important metric for measuring the loading performance of a page. The LCP metric quantifies the amount of time it takes to load the largest piece of content (video, image, text block, etc.) from the moment a user requests the URL. A good LCP score indicates the page is loading quickly and efficiently.
• First Input Delay (FID) – FID, is a critical performance metric measuring a page’s interactivity. More specifically, it is the time between an action being taken and the browser responding to that action. This can be anything from clicking a link or button to submitting a form.
• Cumulative Layout Shift (CLS) – CLS is a metric that identifies every layout shift that takes place when the site loads. The score begins at zero and as the page loads, the score increases based on the amount of shifting that takes place. Elements impacting CLS may include buttons, images, text blocks, banner ads, etc.

How We Improved Google PageSpeed

Our development team spent hours asking the same question over and over – “How can we make the site load faster?” Our knowledge and experience allowed us to identify where our clients were losing credibility with Google. This enabled our team to correct technical errors impacting LCP, FID, and CLS across client websites. Such errors included the following:

• Preloaded Largest Contentful Paint Image – In order to improve client LCP, we preloaded large pieces of content. This ensured our client sites were loading content before it was requested by the user.
• Reduced Unused JavaScript – Our team minified JavaScript code. This made the code take up less space, and required less bandwidth when being downloaded. In addition to minification, we deferred the loading of scripts until they were required. This means the browser would not download and execute them.
• Eliminated Render-Blocking Resources – We increased page loading speed by delivering critical JavaScript and CSS inline. This also included deferring all non-critical JavaScript styles. This allowed webpages to load faster and improve their overall performance.
• Reduced Unused CSS – We took the necessary steps to keep CSS lean across all client sites. Every extra byte impacts the performance of websites.
• Served Images In Next-Gen Formats – We replaced PNG and JPG images with WebP images. This format allowed us to compress the file size and provide optimized images. Ultimately resulting in faster downloads and less data consumption.
• Served Proper Sized Images – Large images can be the difference between a page that loads quickly and one that takes forever to load. That’s why we served images that are appropriately sized.
• Avoided Enormous Network Payloads – We compressed the total size of web pages to ensure shorter load times and low data usage.

This level of technical SEO is often neglected because it’s very complex and tedious. Most digital agencies either don’t have the necessary knowledge to make these changes or implement basic SEO and move on to the next client. We recognize these trends within the SEO industry and see them as an area of opportunity.

At Outpace, we aren’t interested in just the quick wins for our clients. We are more focused on capturing online market share for our clients. We do this by focusing on various ranking factors that will lead to the long-term success of our clients.