, 29 tweets, 14 min read
My Authors
Read all threads
Spending my Sunday morning reading the Web Almanac sharing internet stats and analyzing HTTP Archive data for 2019.

almanac.httparchive.org/en/2019/

I'll share facts and stats that I think are interesting in a thread. 👇 :)
Only ~65% of sites compress their JavaScript files. 😲 Chart showing how many sites compress their JavaScript files using gzip (~65%) or brotli (~15%)
It always feels like React/Vue/Angular are all over the internet – they're not... jQuery still powers 85% of the crawled sites. 😲

almanac.httparchive.org/en/2019/javasc… Table showing the usage of libraries – jQuery is on first position with being included on 85% of the crawled sites
The numbers for sites using "cutting-edge" frameworks are relatively low with React being the most popular with ~5% on desktop.

almanac.httparchive.org/en/2019/javasc… Distribution showing how many sites are using React, Angular or others. Only ~5% of sites use react.
Even though the ES Module support is quite good these days they are not really used.

~1% is surprisingly low because you can use a fallback strategy shipping a single bundle using the `nomodule` attribute and use modules for supporting browsers today.

almanac.httparchive.org/en/2019/javasc… Chart showing the usage of ES Modules. Only roughly 1% of crawled sites use modules
Only ~20% of sites use source maps? 😲

almanac.httparchive.org/en/2019/javasc… Chart showing the usage of source maps – roughly 20%
Roughly 50% of sites use flexbox – only 2% use grid.

almanac.httparchive.org/en/2019/css#la… Chart showing that 50% of crawled sites use flexboxGraphic showing that only 2% use CSS grid
The highest found z-index value. 🙈

almanac.httparchive.org/en/2019/css#po… incredible high z-index value with dozens of 9s and an !important
Only 20% of sites make use of responsive images...

almanac.httparchive.org/en/2019/media#… Chart showing the usage of responsive image markup: `sizes` 18%, `srcset` 21% and the picture element 2% usage
No surprise here, but yeah... image alt attributes are not used as much as they should. :/

almanac.httparchive.org/en/2019/media#… Paragraph from the almanac highlighting the following sentence: Only 39% of images use alt text that is longer than six characters.
26% of the pages use font-display. 😲 That's surprisingly high in my opinion. Because the support is not super-duper yet. I wonder how big google fonts' influence is in this trend. 🙈

almanac.httparchive.org/en/2019/fonts#… Graphic: 26% of pages use font-display
Taking a ☕-break. :D Will continue in 30m. :D
Honestly, I expected fewer sites being served over a secure connection. 80% of sites ship with https these days.

almanac.httparchive.org/en/2019/securi… Chart showing that 80% of sites are served via HTTPS (mobile and desktop)
12 - 14% of sites use HSTS to ensure they are only accessible by supporting browsers via HTTPS. This is also higher then I expected. 😲

almanac.httparchive.org/en/2019/securi… Table showing the usage of HSTS:<br />
12 (mobile) / 14 (desktop) percent use the `max-age` directive, 3 percent use `include-subdomains` and 2 percent use `preload`
I got this statistic by myself recently, but it's still sooooo low. 😿

Only roughly 5% of crawled sites use Content-Security-Policy (CSP).

almanac.httparchive.org/en/2019/securi… Paragraph from the article: We find that only 5.51% of desktop pages include a CSP and only 4.73% of mobile pages include a CSP, likely due to the complexity of deployment.
The security section of the almanac is very good! All the usage statistics are very low though (and not that surprising for me)...

If you wonder what's possible these days, it's definitely a good read.

almanac.httparchive.org/en/2019/securi…
4 of 5 sites ship with color contrast issues. I really wish that we get better at this. :/

almanac.httparchive.org/en/2019/access… Paragraph of the article: Only 22.04% of sites gave all of their text sufficient color contrast. Or in other words: 4 out of every 5 sites have text which easily blends into the background, making it unreadable
26% of the pages don't specify the language of their content. This can trouble text-to-speech technology like screenreaders.

almanac.httparchive.org/en/2019/access… Paragraph of the article: Of the pages analyzed, 26.13% do not specify a language with the lang attribute.
4 of 5 forms don't ship with labels for their input elements. :/ I'm used to these bad numbers, but well... filling out forms can be tough for everybody (even tech people), we really have to get better at this. :/

almanac.httparchive.org/en/2019/access… Paragraph of the article with highlighted text: Sadly, only 22.33% of pages provide labels for all their form inputs, meaning 4 out of every 5 pages have forms that may be very difficult to fill out.
10% of sites ship without headings at all. 😲

almanac.httparchive.org/en/2019/seo#he… Paragraph of the article with highlighted text: Despite the importance of headings, 10.67% of pages have no heading tags at all.
Google shows 50-60 characters in their search results. Generally speaking, the used title length is not optimal across the web. (at least for google)

almanac.httparchive.org/en/2019/seo#pa… Graph showing the distribution of title length: median value shows 20 characters for the title and 10 characters on the 25 percentile
Service workers are mainstream, right? 🙈 Not really... Only 0.44% of the crawled sites register a service worker.

almanac.httparchive.org/en/2019/pwa#se… Graphic showing that 0.44% of the crawled sites register a service worker
How often do we click the wrong thing because something moved around? Too often.. Jumpy pages are the standard... :/

2 of 3 pages have a huge content shift while loading.

CLS stands for Cumulative Layout Shift. More info: web.dev/cls/#a-cumulat…

almanac.httparchive.org/en/2019/mobile… Paragraph of the article: Nearly two out of every three sites (65.32%) have medium or large CLS (Cumulative Layout Shift) for 50% or more of all user experiences.
Speaking about tapping the wrong thing. Only 34% of the pages include big enough buttons and links...

almanac.httparchive.org/en/2019/mobile… Graphic showing sufficient tap targets... With explanation: As of now, 34.43% of sites have sufficiently sized tap targets. So we have quite a ways to go until
Wordpress usage is still massive. 75% of sites using a CMS are running on wordpress.

almanac.httparchive.org/en/2019/cms#th… Graphic showing CMS distribution: Wordpress is on top with 75% followed by Drupal and Joomla (both below 10%)
CMS pages are heavy and make many requests... I did Wordpress development in the past and that makes sense thinking of the audience and users of e.g. wordpress. "Just install another plugin"...

almanac.httparchive.org/en/2019/cms#to… Resource consumption of CMS sites: median page weight is 2.3mb and median request count is ~85
HTML is mainly served from its origin server (80%). Most used CDN is cloudflare (10%). 😲

almanac.httparchive.org/en/2019/cdn#to… Distribution of CDN usage for HTML: <br />
- 80% origin<br />
- 9.61% cloudflare<br />
- 5.54% google
I thought the median value for page weight would be higher these days. :D On desktop it's 1.9MB and on mobile, it's 1.7MB. It's still fairly high though imo. 🙈 (and median is clearly only one piece of the puzzle)

almanac.httparchive.org/en/2019/page-w… Tables showing the distribution of page weight across mobile and desktop:<br />
<br />
- median page weight for desktop is 1.9MB and for mobile it's 1.7MB<br />
- 90 percentile for page weight is for desktop 6.9MB and for mobile it's 6.2MB
And that's it. I highly recommend to check it out! It's a very fascinating and interesting read about the state of the internet. :)

almanac.httparchive.org/en/2019/
Missing some Tweet in this thread? You can try to force a refresh.

Enjoying this thread?

Keep Current with Stefan Judis

Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

Twitter may remove this content at anytime, convert it as a PDF, save and print for later use!

Try unrolling a thread yourself!

how to unroll video

1) Follow Thread Reader App on Twitter so you can easily mention us!

2) Go to a Twitter thread (series of Tweets by the same owner) and mention us with a keyword "unroll" @threadreaderapp unroll

You can practice here first or read more on our help page!

Follow Us on Twitter!

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just three indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3.00/month or $30.00/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!