Hey,

from time to time you need to recalibrate your brain by experimenting with new technologies, by tracing down the performance of a certain feature or by reconsidering the environment of your project. While I’m generally not a proponent of inlined CSS, we now will use it for a 3rd party script we are providing to avoid style leakages. The point here is that this decision will do no harm to its performance as it’s an asynchronously loaded script. The other thing I always assumed but never got confirmed was that CSS filters slow down the rendering of a page massively. But as it turns out, when you research this properly, it’s a barely noticeable difference to unfiltered images. Don’t hesitate to try out new things, only make sure that this is the best solution when you put it to production.

Generic

Privacy

Web Performance

Accessibility

JavaScript

CSS

—Anselm