Designers are a passionate bunch when it comes to producing beautiful, functional things, and that passion for design sometimes makes it easy to forget everything else. Performance considerations are often the first to get benched when they’re trying to knock people’s socks off, and as a result the modern web has become a bloated beast of HD videos, high resolution images, and webfonts up to your eyeballs. When was the last time you saw a website with no pictures on it?
Green UX checklist
Images are the original performance hog. You may or may not be aware that the original internet was nothing but text. The advent of images on the web—even tiny ones—had a big impact on performance. Our computers and connection speeds are way faster now, but the faster they get, the bigger our screens and our images get, so images continue to be a burden.
As if still images weren’t bad enough, video has spread like wildfire across the internet. In recent years it has become very easy to implement, not just as standard embeds on a page, but as fancy dynamic background content as well. It’s seriously everywhere, and far too often these videos are much higher quality and size than is necessary for the given situation.
Use Fewer Fonts
I appreciate good typography as much as the next designer, and I love snooping through what cool fonts people are using in their projects. BUT, sometimes we get carried away. For instance, we might not need to include the entire Univers family (~44 faces!). Consider reducing the number of web fonts, and styles used in your project. Usually when it comes to fonts, less is more anyway.