Web Almanac

2020

HTTP Archive's annual
state of the web report

Part I: Page Content

CSS

We measured not only how many pages use a given CSS feature, but also how they use it.

1. CSS

6

Median 
stylesheets 
per page

content,footerand header

72.3%

of <length> values 
use the px unit.

Most Popular IDs

JavaScript

Developers love us some JavaScript. The <script> element is the 6th most popular HTML element in use.

2. JavaScript

Let’s take a closer look at how much script we use, how we use it, and what the fallout is.

41 %

59 %

Number of external vs. inline scripts per page.

vs.

JavaScript

Client

2019

2020

Desktop

Mobile

391

359

444

411

Median number of JavaScript bytes per page

Markup

How is HTML used? We analyzed 7.5 million pages  on desktop and mobile. Here is what we’ve learned.

3. Markup

49.17 KB

Average document size

Markup

2005

2019

2020

title

div

div

a

a

a

img

span

span

The most popular elements.

Markup

 of pages have button elements.

of pages have at least one button that fails to specify a type attribute.

32.43%

60.56%

Fonts

We'll dive into data to show how web fonts are being used, and in particular how they're optimized.

4. Fonts

Web font usage

Web font usage has been growing steadily over time. Usage increased roughly linearly from 0% around 2010 to 80% now

2010

2020

Percentage of requests

Desktop

Mobile

Most popular web fonts on mobile

FontAwesome: 36 %
Open Sans: 25 %
Roboto: 23 %

Usage of 

Most popular: 
(used on about 10 % of web pages)

 
font-display

swap

Media

Images, animations, and videos are an important part of the web experience. Let's have a look at how they are used.

5. Media

19%

of web pages use the <picture> element.

Media

images are using .jpg extension.

Websites that autoplay video files

57.2%

desktop

54.9%

mobile

40%

We will review the prevalence of third-party content and its impact on page weight, browser CPU time, and other performance indicators.

6. Third Parties

94%

of all pages had at least one piece of third-party content.

Third Parties

Third Parties

Major contributors
of third-party content

Images (38 %)
JavaScript (22%)

500 ms

Median page with advertising: 

1500 ms

Median page without advertising: 

CPU load time
for pages