10

I'm wrapping up a new site, http://architect.sitesbyjoe.com and I'm using the innerfade plugin on the site's homepage. For some reason, the fading is slow and choppy.

The only other thing JavaScript-wise is the Fancy Zoom, but I've already removed it etc with no change.

Any thoughts? Other posts are pointing to CSS issues....

Jonathan Leffler
  • 730,956
  • 141
  • 904
  • 1,278
sitesbyjoe
  • 1,861
  • 15
  • 21
  • Ok, I'm continuing to look into this and I'm now sure it's my screen.css file. More to come. – sitesbyjoe Feb 01 '10 at 19:55
  • Solved my own issue! There were couple "position:absolute"'s that seemed to be causing the choppiness. Weird! I replaced all I could with some floats etc and everything is working nicely. – sitesbyjoe Feb 01 '10 at 20:17
  • Your site looks awesome, congratulations. – ZippyV Feb 01 '10 at 20:37
  • 1
    Just one other word of caution - the IE javascript engine is by far the slowest of the major browsers. This is often why you see bad clientside performance in IE, but not Chrome, FF, Opera, etc. The upside of this I guess is that IE will help identify performance issues very easily since it tends to crap out before FF, etc. lol.. Nice Site btw.. – KP. Feb 17 '10 at 21:09
  • 1
    You should put your solution in as an answer and accept it as answer so this moves from the unanswered list perhaps? – Mark Schultheiss Feb 23 '10 at 21:22
  • Agreed that you should mark this as answered. One other thing I've experienced before, too, was that when there were a lot of fading items to cycle through, it was more likely to get choppy. It seems to have improved (either browser support or jQuery & innerfade) but if you run into it again, that may be playing a part. – JoshMock Feb 24 '10 at 00:04

3 Answers3

2

I can't help myself, I still wonder - isn't that innerfade tad overkill? (I noticed you use it only for the landing page, don't you?)

I did the very same with like 20 lines of jQuery code (and it's a bit configurable :) ) - if you're interested, I could post it :)

Also, the animation still feels a bit choppy in Google chrome.

Adam Kiss
  • 11,811
  • 9
  • 48
  • 81
0

I opened your main page in FF with firebug extension, enabled the console. It is throwing this error about as fast as it can scroll:

this.GetObj(this.divID) is null https://server.iad.liveperson.net/hcp/html/mTag.js?site=61775231 Line 1

this.GetObj(this.divID) is null https://server.iad.liveperson.net/hcp/html/mTag.js?site=61775231 Line 1

Maybe that function is eating away at your cpu cycles?

Joe Riggs
  • 1,312
  • 4
  • 23
  • 48
0

The problem was a combination of floating and absolute positioning. I removed one of the two and things started behaving again!

sitesbyjoe
  • 1,861
  • 15
  • 21