Do not use CSS gradient with Chrome
Some Reddit users reported my website was really long to load and to scroll. They thinks it was because of the ‘1px shadow’ I apply on all the text. I was a bit surprised, because I make some test into a really slow virtual machine. And all have always worked fine. In fact, what slow down so much are by order of importance:
- Radial gradient on Chrome (not in Safari on Mac)
- Box shadows on Firefox and Chrome
On Safari on Mac there is absolutely no rendering time problem. But when I use Chrome under Linux it is almost unusable.
I didn’t tried to verify the efficiency of all new CSS 3 features. But I advise you not to use
-webkit-gradient on Chrome. At least when the host is a Linux.
I also detected that
-moz-box-shadow elements slow down the rendering on Firefox under Linux. But there was very few time rendering issue with Safari on Mac.
Many tell me to use text-shadows sparingly. But I believe it was not the real reason of the slow down. This is why I’ll get them back.
Do not use
-webkit-gradient on Chrome browser yet. Try to use