Technology

The Algorithm Behind Google PageSpeed Insights

Across the ecommerce industry optimizing site speed is a top priority in 2019, if not the top priority for most retailers. With the continued shift to mobile browsing, site speed is critical.

  1. Faster sites deliver a better user experience leading to higher conversion rates and increased sales.
  2. There’s also an added benefit to SEO. In July 2018, Google updated its search algorithm to give greater preference to sites with fast mobile experiences, meaning slower sites were penalized and faster sites received higher organic rankings and increased (free!) traffic from Google.

PageSpeed-InsightsMost tech teams are regularly monitoring Lighthouse scores (Google’s measure of site speed) via tools such as the Chrome plug-in or Google Page Speed Insights.

For months, I thought the Google PageSpeed score was a black box, similar to Google’s search algorithm. Then I stumbled upon the 5 critical metrics, values, and weighting behind the PageSpeed algorithm. And this was a gamechanger for my team, allowing us to triple our mobile PageSpeed score in a month after more than 6 months of effort yielding little impact. 

Have you seen the Google Lighthouse scoring calculator?

Screen Shot 2019-04-17 at 9.30.50 AM.png

How is Google PageSpeed calculated?

Screen Shot 2019-04-17 at 10.07.15 AM weight.png

  • The 2nd tab is the calculator. If you expand the columns (make a copy first), it will expose the 5 input metrics and how they are weighted to calculate a website’s PageSpeed score (pictured above)
    • Time to Interactive (TTI) – is weighted highest and most important at 5, it measures how long it takes a page to become interactive for a user
    • Speed index –  a page load performance metric that shows you how quickly the contents of a page are visibly populated
    • First contentful paint – measures the time from navigation to the time when the browser renders the first bit of content from the DOM.
    • First CPU idle – measures when a page is minimally interactive, meaning a user can start interacting with most features
    • First meaningful paint – is the least important of the 5 metrics, it measures when the primary content of the page is visible to a user
  • The Lighthouse Score Calculator also shows the median scores (50th percentile) across the industry, which allows you to define goals by metric

Screen Shot 2019-04-17 at 10.07.15 AM median.png

How do we use it?

  • We use it to prioritize where we should focus our dev efforts to get the greatest score improvement

Screen Shot 2019-04-17 at 12.51.45 PM.png

  • We have added all of our competitors in here to track how they are performing by metric

Why does this matter?

  • Faster site speed = better SEO rankings on Google
  • Faster site speed = increased conversion rate

Leave a comment