4 ms·
Yes, I think you're correct. I didn't build the landing page, but perhaps I will optimize that. It's currently just shifting the various cloud layers using JQue
by jgrall 14y ago
Yes, I think you're correct. I didn't build the landing page, but perhaps I will optimize that. It's currently just shifting the various cloud layers using JQuery's animate() method. I imagine the main hit is layout & rendering, but that's just a preliminary guess. Specific ideas for improvements?
- kawsper 14y agoIt is lagging a lot on a Retina macbook with i7 and 16 gigs of RAM. I suspect the problem might be with the Retina Macbooks. I know that the animations is fancy, but are they really necessary?
- tricolon 14y agoYou'll want to use CSS transitions instead: http://css3.bradshawenterprises.com/blog/jquery-vs-css3-transitions/ http://css3.bradshawenterprises.com/blog/jquery-vs-css3-tran... In addition, you may also want to try forcing hardware acceleration: http://davidwalsh.name/translate3d http://davidwalsh.name/translate3d
- somesay 14y ago3d transition with css (even if it's a 2d move) might help since this may use the GPU. Also make sure it isn't nested in too many elements since chances will cause rerendering the DOM elements up to the root. It isn't that bad and at least here smooth and only if the page is visible. But may have bad effects on mobile/retina/...