[chrisparton1991]

For one of my websites (a static page with some pretties), I challenged myself to remove as much cruft as possible without degrading the experience.

I used Fontello to strip out unnecessary FontAwesome icons and uncss to remove unused Bootstrap styles, replaced some Bootstrap JS with vanilla JS and made use of SVGs (optimised with SVGOMG) for backgrounds and the logo.

The resulting site is a total of 178Kb when viewed in Chrome (down from over 1MB), including bootstrap, analytics, some screenshots, a custom font and animated logo. There's plenty more I could do to trim off size, but I had more important things to do.

There are so many ways to make webpages smaller and more efficient, and it can be a really fun learning experience.