Design for all » Inclusive usability » Performance

Easily disregarded as a purely technical aspect, performance (the swift and resource-considerate delivery of web pages to the end user) is an important aspect of inclusive design. A well-performing website is most usable for people with old devices, on slow or metered connections, or with limited attention.

The Ethics of Performance

timkadlec.com/remembers/2019-01-09-the-ethics-of-performance/

Tim Kadlec making the case for “Performance as exclusion” (social) and “Performance as waste” (ecological).
2019

Your most impactful Web Vital

caspar.blog/web-vitals/

The problem of "web bloat"

Faster Connectivity !== Faster Websites

blog.jim-nielsen.com/2024/faster-bandwidth-and-websites/

How web bloat impacts users with slow devices

danluu.com/slow-device/

A comprehensive collection of arguments, data and sources on web bloat and its impact on users with slow devices

Most of the web really sucks if you have a slow connection

danluu.com/web-bloat/

While this can be hard to believe for designers and developers in offices with fiber internet, websites with long loading times (most often due to excess transfer of bloated scripts or poorly optimized media files) can not only be an annoyance but a financial burden for some:

What Does My Site Cost?

whatdoesmysitecost.com

The size of websites is commonly a metric related to performance and loading times. This tool puts a twist on that and uses the metric to instead highlight an other aspect:
Find out how much it costs for someone to use your site on mobile […]
2019

Strategies

The Three Cs: Concatenate, Compress, Cache

csswizardry.com/2023/10/the-three-c-concatenate-compress-cache/

When serving and storing files on the web, there are a number of different things we need to take into consideration in order to balance ergonomics, performance, and effectiveness. In this post, I’m going to break these processes down into each […]
2024

Reference projects

Front-End Performance Checklist 2018 [PDF, Apple Pages] — Smashing Magazine

smashingmagazine.com/2018/01/front-end-performance-checklist-2018-pdf-pages/

Embedded Google Fonts

amio.github.io/embedded-google-fonts/

Tool to embed WOFF2 version of a Google Font inlined as Base64 in CSS

Last edited: Apr 2024