I’ve noticed that when I add a box shadow to a large/tall div, it makes scrolling laggy (especially for users with smooth scroll extensions).
It’s particularly bad with an rgba() filter for the color, and ESPECIALLY bad when it’s scrolling over a fixed background image.
Does anyone know if this performance will eventually get fixed in future webkit/gecko updates?
I’d rather not use border-image since it doesn’t handle rounded corners very well.
Do you have an example of this? It would be interesting to test scrolling performance with and without box-shadow. Have you tested in all browsers?
Noone knows whether this will be fixed in the future versions, except for the developers. I’d suggest letting them know of this so maybe they will put it on their to-do list.
The latest Firefox 4 betas have fixed this. The scrolling is really seamless. Every other browser I’ve seen has trouble though.
A fix has landed to webkit to address this:
https://bugs.webkit.org/show_bug.cgi?id=22102
You can try out a chromium nightly to test it out.