How’s it going, I'm a Adam, a Full-Stack Engineer, actively searching for work. I'm all about JavaScript. And Frontend but don't let that fool you - I've also got some serious Backend skills.
Location
City of Bath, UK 🇬🇧
Education
10 plus years* active enterprise development experience and a Fine art degree 🎨
Don't have any data to show you, just words from experience and checking this stuff on private projects.
What I've found is that CSS filters performance drops are most visible when you're using them in animations. It can really screw up the UX. And when using it just for initial display - on high-end PC-s you might not even see the difference, but it's certainly noticeable on mobile devices.
How’s it going, I'm a Adam, a Full-Stack Engineer, actively searching for work. I'm all about JavaScript. And Frontend but don't let that fool you - I've also got some serious Backend skills.
Location
City of Bath, UK 🇬🇧
Education
10 plus years* active enterprise development experience and a Fine art degree 🎨
Be aware that rendering-heavy properties like
filter
are not too good for performance when you have a lot of images out there.You have to admire the hidden power though. SVG filters are a science into themselves and can be used with this CSS property.
Anyway do you know of any benchmarks?
Don't have any data to show you, just words from experience and checking this stuff on private projects.
What I've found is that CSS filters performance drops are most visible when you're using them in animations. It can really screw up the UX. And when using it just for initial display - on high-end PC-s you might not even see the difference, but it's certainly noticeable on mobile devices.
I have some data and its really not that bad!
css-tricks.com/contrast-swap-techn...
Thank you ever so much Una :D
you're abosolute right.!!
Agreed, definitely do not use too many advanced CSS attributes like this: codepen.io/ivorjetski/pen/dBYWWZ
thanks for the tip!
That's awesome 😍😍😍
Yes, coding is all about trade offs. So it all depends on use cases ☺