When Smaller Is Better
To further reduce CSS calls, tools like PurgeCSS can also be part of your development workflow. PurgeCSS reduces the overall size of your CSS files by ‘purging’ unused selectors from the CSS frameworks you are using to build your website. The result is your website only requests the files it is using when a call to the server is made, reducing compute work needed. I would also be remiss not to discuss the impact of image sizes on greening a website.
The image format you choose is another important factor in website development. Images are quite often the most popular and largest assets of any website, and the format they are delivered in matters. Two modern formats, AVIF and WebP, greatly benefit both the end user and designer as they improve both the compression, speed, and the quality of the images, especially when compared to old formats like JPEG. By using these more modern formats, the images on your website will load faster, look better, and cost less to host than before. If a client sees a great looking image, that image loads fast for them, and the images size is reduced on your server by 50% compared to JPEG, isn’t that a win-win?
Related pages: Low-Carbon Website Design