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,footer, and 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