Why Our Website Is Faster Than Yours
An article by De Voorhoede on how they designed their website for performance, describing some techniques on how to speed up a website.
Essentially a supercharged version of the list I’m maintaining here. It contains hundreds of links to all types of subjects related to web performance. If there’s something that you’re looking for that I haven’t listed here, this is probably the best next place to look.
A fantastic little app for compressing images. Compresses all regular image formats, and supports both lossless and lossy compression.
If you’d rather minify images as part of your build step (I know I do), I recommend imagemin. There’s a CLI, a GUI and plugins for Webpack, Gulp and Grunt.
Using SVG as placeholders
A great exploration of placeholders, and one type in particular: SVG placeholders. I believe these are currently the best placeholders one could have, and I’ll be implementing them on this website soon (in other words, as soon as I will start using images on this website).
Font Face Observer
23 Minutes Of Work For Better Font Loading
Zach Leat describes how he significantly improved the loading time of webfonts on a website by applying a handful of different techniques. He also introduces glyphhanger, a nifty tool for automatically subsetting your fonts (see next item).
Utility to automatically subset fonts for serving on the web. It is very useful for reducing the size of your font files by automatically removing all the glyphs you’re not using.
Saving the internet 2000 terabytes a day: fixing Font Awesome’s fonts
Less of a guide than the other articles on this list, but a very interesting read on how a few fairly simple steps could massively decrease the file size of Font Awesome, the most popular icon font online.
Progressive Web Apps
Progressive Web Apps
Google’s own introduction to Progressive Web Apps (PWAs). If you’re interested in PWAs, this is a great start. Don’t forget to check out the checklist!
Awesome Progressive Web Apps
A curated collection of Progressive Web Apps resources. For everything else you want to know/learn/discover about PWAs, this is the place to go.