Latest Chrome + Retina performance

[martis]

Hi guys,

 

Running into a fun one... I'm developing a site and performance is great (even on old ipads and iphones).

 

I was testing and noticed that when I run the site on chrome on a non-retina monitor performance is fine.

 

However, when I drag the browser to my retina monitor and run it, performance is *horrible*

 

I'm using latest GSAP and latest version of Chrome (mac). 

 

Is this related to the chrome issue you guys had been talking about a few months ago?

 

Tried changing the CSSPlugin.defaultForce3D to see if this changed anything, I did see improvements if i set it to FALSE?

 

Sorry no pen, just wanted to see if anyone else had experienced this.

 

EDIT: After further testing it is DEFINITELY an issue with force3D. If I apply any sort of 3D settings to my objects performance tanks.

 

Thanks

[GreenSock]

Hm, pretty tough to troubleshoot blind but it sounds like more of a rendering issue related to how the browser is baking all those pixels Have you tried setting will-change: transform in the CSS on the element(s) you're animating? I generally don't recommend that because...well...read this: http://greensock.com/will-change/ but according to some choices Chrome is making (which I completely disagree with), in some situations like this it could be advantageous (and in other situations, it'll have the opposite effect). 

[boynet]

I run across something similar not 1 on 1 but try looking at the gpu memory used, as retina screen probably taking 2x gpu memory. (press f12 than on more tools->rendering->fps meter)

 

if it's not helping click on timeline tab press record  with the retina and without and try to see whats happening

[martis]

I will do more testing and see if I can simplify the issue

[Jonathan]

Hello,

 

I have seen this same issue with users on Mac in Google Chrome with Retina using hardware accelerated 3d transforms CSS transitions and CSS animation.

 

But i have read alot of users with a Mac that support Retina displays that have really bad UI lag not just when animating 3D transforms, js or css driven.

 

On reddit:

https://www.reddit.com/r/apple/comments/2mjnup/macbookpro_retina_gui_lag/

 

On apple forums:

https://discussions.apple.com/thread/5547471?start=0&tstart=0

 

On apple stackexchange

http://apple.stackexchange.com/questions/154032/ui-lag-osx-yosemite-10-10-on-retina-macbook-pro-late-2013

 

On Mac community forum

https://forums.macrumors.com/showthread.php?t=1803283

 

Even though it was Yosemite they still see this UI lag on El Capitan and Sierra.

 

Just my two cents

[martis]

Thanks for the info Jonathan!

 

It's definitely specifically related to Chrome.... Firefox and Safari run smooth as ever

[martis]

Trying to unclaim this topic but it's not working... :\

[Jonathan]

What do you mean by unclaim topic? .. do you mean the "I'll answer this button" ??