Slow load if css backgrounds with IE
Moderator: General Moderators
Slow load if css backgrounds with IE
I always run into this problem where if I use css to display a background image when a user hovers over a link, on SOME systems, IE will take about 1 second to load the image no matter what. It is very annoying. It doesn't do it on some systems, but when it does, it only does it in IE. I will give an example:
http://www.mc2design.com/sutton/test.htm
Try that link. Hover over the images, and let me know if takes a second to show the image (every time you hover over... even after image is cached)
If anybody knows what I am talking about... is there a fix?
http://www.mc2design.com/sutton/test.htm
Try that link. Hover over the images, and let me know if takes a second to show the image (every time you hover over... even after image is cached)
If anybody knows what I am talking about... is there a fix?
I checked it only with Firefox and it did take time. This is obvious, it takes time to load the image. What you can do is having one image which is actually a combination of the normal image and the hover image and then when someone hovers the link, you change the background's position.
Like this: http://www.alistapart.com/articles/slidingdoors2/
Like this: http://www.alistapart.com/articles/slidingdoors2/
That's a really good idea... nice!Oren wrote:I checked it only with Firefox and it did take time. This is obvious, it takes time to load the image. What you can do is having one image which is actually a combination of the normal image and the hover image and then when someone hovers the link, you change the background's position.
Like this: http://www.alistapart.com/articles/slidingdoors2/
However, this is not what I am talking about... the initial load is not the issue. I have this problem all the time and it only happens with IE... It also seems that it only happens with slower computers. In IE... even after the image is cached, it takes about one second to show the background image. It's IRRITATING. I can't even recreate the problem, because it's not doing it now. It is so weird. Next time it happens, I'm going to post it here. I probably sound like a lunatic... but this really does happen.
Dude... I understand the article... I am reading it, and it may even solve my problem. I am just saying that this issue isn't the same as just taking a while to load the first time, but then loading fine after that. I know what causes that. My issue takes at least a second EVERY time you hover over it. I used to have the issue all the time... and so did a friend of mine... at shaffersoftware.com. It looks like he fixed it though. I'll ask him what he did and get back to you. I know what I'm talking about... sheesh!
I have experienced similar problems with IE in the past. It could have something to do with the settings in IE to check for updated images on the server each time you hover over a link. Can't remember which option it is or were it is hidden. But it can be annoying.
See also http://www.fivesevensix.com/studies/ie6flicker/
See also http://www.fivesevensix.com/studies/ie6flicker/
Finally... somebody who actually believes I'm having this problem...matthijs wrote:I have experienced similar problems with IE in the past. It could have something to do with the settings in IE to check for updated images on the server each time you hover over a link. Can't remember which option it is or were it is hidden. But it can be annoying.
See also http://www.fivesevensix.com/studies/ie6flicker/
Of course I believe youFinally... somebody who actually believes I'm having this problem...
This problem isn't even that rare. I have experienced it several times. Quite a pain in the *s, when you show a site to a client and they call you to ask what the flickering is about. If you look around the css-discuss list or google a bit you'll find plenty of discussions of this problem. And the article I linked to is a good read.