Hey HN,<p>Front End Developer here, long time reader. I'm trying to identify why Chrome seems to struggle when it comes to animation performance while Safari is able to render everything without a hitch. Is this because Safari has hooks into the OS that Chrome does not? Is this because Google adopted blink in lieu of webkit? And most importantly is there a remedy out there?<p>Take the following site for example: http://scrollrevealjs.org/<p>In Chrome my scrolling gets choppy, however everything remains beautifully buttery in Safari. As a developer what can I do to improve the performance of my sites that rely heavily on animation?<p>Thanks!
It's a known issue, been around since retina MBP was introduced; see:<p><a href="https://code.google.com/p/chromium/issues/detail?id=136555" rel="nofollow">https://code.google.com/p/chromium/issues/detail?id=136555</a><p>For me, I have no problems with Chrome when running an rMBP with a external display, but once I switch to the built in retina display, performance suffers significantly.<p>I switched to Safari a few months ago despite preferring Chrome because I couldn't stand Chrome's poor retina performance.
Try looking at this.<p><a href="http://jankfree.org/" rel="nofollow">http://jankfree.org/</a><p>Chrome has some good tools and even has chrome://tracing to show you low level stuff inside Chrome.