Advertising's Performance Tradeoffs
Tags: webdev, webperf, devops, performance
Published: 2021-09-28 15:17:29

---
title: Advertising's Performance Tradeoffs
published: true
date: 2021-09-28 00:00:00 UTC
tags: webdev, webperf, devops, performance
canonical_url: https://requestmetrics.com/web-performance/advertising-performance-tradeoffs
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/74jnh7rjzy43p90n7cyo.png
---

Advertising is everywhere on the web and users have noticed. More than [40% of internet users block ads](https://backlinko.com/ad-blockers-users). Are these users sticking it to the man or just tired of slow site performance? To find out, we measure advertising’s performance impact on a few popular sites.

## Getting Real Measurements

We picked [Yahoo](https://www.yahoo.com/), [Reddit](https://www.reddit.com/), [BBC](https://www.bbc.com/), [CNN](https://www.cnn.com/), and [The New York Times](https://www.nytimes.com/) because they have ads and are popular according to [Alexa Top Sites](https://www.alexa.com/topsites). Measurements were captured out of Chrome after loading each site in a fresh incognito window. Closing Chrome between runs to ensures there are no cached assets. We then reran the tests with [uBlock Origin](https://ublockorigin.com/) enabled.

## What Users Want

Users expect pages to show something quickly, finish loading fast and not to change under them once loaded.

The user’s perception of page performance is influenced by many aspects of the page load, and no single metric can capture all of the performance experience. Because of this, we gathered Load Event timings along with core web vital metrics to get a better picture of each site’s performance and how it is impacted by advertisements.

### Quick Main Content Paints

The more quickly a site can get main content pieces displayed to the user, the more snappy the site will feel. The [First Contentful Paint (FCP)](https://requestmetrics.com/web-performance/first-contentful-paint-fcp) and [Largest Contentful Paint (LCP)](https://requestmetrics.com/web-performance/largest-contentful-paint) Core Web Vitals are a good measurements for this.

Surprisingly, ads did not notably impact these first paints! To top it off, most sites fall into the “Good” range for these metrics. Clearly, a lot of effort is devoted to minimizing the time to render. Much of this is accomplished through deferring advertising loads till later in the life of the page, as we’ll see later.

![FCP is hardly impacted by ads](https://requestmetrics.com/assets/images/webperf/perf-ads/fcp-chart.png)<figcaption>FCP is hardly impacted by ads</figcaption>

![LCP doesn't care about ads either](https://requestmetrics.com/assets/images/webperf/perf-ads/lcp-chart.png)<figcaption>LCP doesn't care about ads either</figcaption>

### Fast Page Loads

Pages with fast first paints still feel slow if the last piece of content takes a long time to load. Timing how long the page takes to fire the [load event](https://developer.mozilla.org/en-US/docs/Web/API/Window/load_event) can tell us if this is happening.

Less surprisingly, loading the entire page does take longer when ads are being shown. Some sites were worse than others, but all showed a negative performance impact from ads.

![Load times are heavily impacted by Advertisements](https://requestmetrics.com/assets/images/webperf/perf-ads/load-chart.png)<figcaption>Load times are heavily impacted by Advertisements </figcaption>

### No Jank

Fast loading pages can still feel slow to a user if content is asynchronously rendered after the load is complete. Layout shifts, often referred to as “jank”, are a common side effect of asynchronous loads.

{% youtube C_ApQS5eK2g %}

All tested sites asynchronously loaded advertisements. This has the major advantage of keeping page loads and initial paints quick but comes at the expense of more jank. This is clearly reflected in [Cumulative Layout Shift (CLS)](https://requestmetrics.com/web-performance/cumulative-layout-shift) measurements.

![Cumulative Layout Shift shows the advert jank](https://requestmetrics.com/assets/images/webperf/perf-ads/cls-chart.png)<figcaption>Cumulative Layout Shift shows the advert jank</figcaption>

## No Metric Tells the Whole Story

Advertisements don’t impact all aspects of page performance equally. This emphasizes the importance of a holistic understanding of performance metrics and the tradeoffs needed to improve a given metric.

## Performance Is a Tradeoff

While initial content renders were not notably impacted by ads, total page load and layout shifts were negatively effected by them. The jank alone probably drives a large number of internet users to the cozy arms of ad blockers.

Many sites depend on the revenue from ads for their very survival. And yet, the tradeoff between first impression speed and jank is made by almost all sites containing ads. Have they made the right choice? Many users appear to think they have not.