Did you ever feel frustrated by your website's loading speed?
Did you wonder how you could decrease your website's carbon impact?
Well, look no more. I've seen/done those mistakes, and I wanted to share this so you don't have to.
Here are 5 tips for a faster and greener website:
For vector illustration and logos. It's now supported by most browsers, and reduce drastically the weight of your files. Since they are vector, they always look sharp and just require a single file for all devices (in most cases).
Using a tool such as Tinypng. It's free and can reduce your file size by up to 80%. It works with both jpeg and png, and keeps transparency. Also pay attention to the actual size at which your image will be displayed. No need to have a 1920x1080 picture if you'll display it at 350x350.
If you select the right one, the speed often matches that of standard providers. To name a few: Greengeeks, A2 hosting, in motion, and HostPapa seem to be doing a great job.
They look super fancy and beautiful in a mockup, but in the real world, they can get messy pretty quickly and disrupt the user flows, slowing down the website or rendering it plain unfunctional to most users. Remember to keep it simple.
By thinking your website in a systemic way, you can reduce the amount of different CSS classes, leading to a lighter weight and faster loading website. Just like the interactions, less is more! Drop me a line if you need help with that, I'd gladly help you build a better and greener website!