September 10, 2022
Misconceptions about performance

There are a lot of misconceptions about website performance. I run into them on a daily basis. This time I found an article on the awwwards website about performance with a lot of misconceptions.

According to this article your design should be minimalistic. However, design and performance are barely related at all. I build perfectly scoring webpages on a daily basis without putting ANY restraint on the designers involved. This (strong) relation between design and performance is a misconception.

Typical is their advice to use a hamburger menu instead of a full menu. I guess it followed from the idea that hamburger menus are more minimalistic than full menus. Although that sounds logical, hamburger menus are not better for performance at all. If anything, a hamburger menu makes your website slower, because of the extra (JavaScript) code they require.

The awwwards article also points to the Make the web faster from Google. The page seems to advert a lot of useful tools, but most things on that list will not increase, but decrease performance, so please watch out!

I answered a Google survey (from C-space) where I was asked how I thought about Google helping us to build reliable websites faster. I reminded them that the only product from Google that did this (AMP), was no success at all. I answered that the proposition was ‘very unbelievable’ coming from Google. I think you can see why. Google is not very good at building these kind of products.

So… you should not listen to the people from awwwards, because ironically they don’t know that much about website performance. Funny enough, you should also not (blindly) use the tools Google promotes on their Make the web faster page.

What SHOULD you do to increase performance? Well, that is easy. The only things you have to do are:

  1. Use less CSS and JavaScript (no frameworks!)
  2. Move CSS and JavaScript to the footer (if possible)
  3. Gzip your request’s responses
  4. Use http/2
  5. Use a local font (using font face)
  6. Have decent image compression, using the one image technique

That’s all it takes to make your website load instantly. It is not as hard as it seems. You can do it too! Need help nevertheless? Contact me!

()  Joost van der Schee

next blog post next post previous blog post previous post Scroll to top