I recently looked at the CSS chapter of the Web Alamanc and had some thoughts. Here, Stefan Judis looks at the whole thing and rounds up the most interesting bits to him. Here are most of them:
- React is on 5% of sites while jQuery is on 85% of sites. (Hence my tongue-in-cheek Tweet)
- Flexbox usage is at 50% and grid only 2%. (I previously remarked at how wild I think this is, with browser support being not terribly different and grid being, IMO, generally more useful.)
- 20% of sites use responsive images. (Interesting as WordPress does it out of the box, and powers some 34% of the web. Maybe a lot of really old outdated WordPress versions out there?)
font-displayusage is at 26%, which blows me away as it’s fairly new and a little esoteric (as much as I love it).
- HTTPS at 80%. Also surprising considering what a pain in the butt it is if your host doesn’t make it a default part of their offering.
- 4 of 5 sites ship with color contrast issues. Not suprising, but I wonder how many false positives are in here. I’ve seen a lot of that with automated tooling.
- 1 of 4 sites don’t specify a lang attribute.
- 4 of 5 forms don’t ship with labels for their input elements. WHATTTTTT.
- 0.44% sites use a service worker. I’m a fan, but they are (1) too hard and (2) feel too dangerous to dabble in.
- 2 of 3 pages have a huge content shift while loading. (Remember to put
heightattributes on images now, which prevents content shifting. Huge.)
- We hear about WordPress powering 1/3 of the web, but another interesting related stat is that if you’re using a CMS, there is a 75% chance it’s WordPress.
- Only 20% of sites use a CDN (for the HTML). I’m sure it’s higher for assets.
- We’re still pushing around a 2MB average page size. Everything depends, but if we’re trying to be consious people in general, let’s say we aim for half that.