chrome and safari performance issue

[senerdude]

Hi,

I'm trying to use plax (4 image, sizes 1778x720 png) but only chrome and safari cant handle plax effect. its very slow. is it coused by plugin or spesific browser issue? ie and ff has no problem. very fast and smooth

thank you

[magebarf]

My experience of different browsers has been quite similar when it comes to the performance...

Any example/snippet you could share, so one could see what exactly is going on?

With that size of pictures though, I guess the browsers' own rendering engines might affect things quite a bit as well, so maybe its not javascript related?

[senerdude]

here is the link : http://pureservice.me/PlaxTest.html

I'm looking at 1920x1080px. IE(7+), firefox and opera fine. Chrome and Safari working slow in full screen (but if you resize to browser smaller size they will fine too..)

I think its not javascript related. but just asking for sure and let you know the issue=)

thank you

[magebarf]

I can definitely repeat what you've found, I see clearly better performance using IE, FF and Opera, compared to Chrome (do not have Safari at hand for the moment).

I did a profiling run using Chrome's Developer tools though, and aside from a bit of idle time (had to move my mouse between the developer tools and the page) there is not really much time spent either in jQuery or plax itself... Almost all of it, according to the profiler, is spent within internal browser code (the "(program)" item).

The question is if the issue is within WebKit or with Safari/Chrome's stuffing... Seeing as Opera is working fine, and I believe them to have switched over to WebKit already, I would rather believe it is something specific to Safari or Chrome...

Maybe this is a good test case to provide to Chromium?

[senerdude]

I agree..

I did more test:

iphone 4 ios6 -Safari -Landscape: fine
iphone 4 ios6 -Safari -Portrait: fine

iphone 5 ios7 -Safari -Landscape: fine
iphone 5 ios7 -Safari -Portrait: fine
iphone 5 ios7 -Chrome -Landscape: fine
iphone 5 ios7 -Chrome -Portrait: fine

ipad Mini ios6 -Safari -Landscape: fine
ipad Mini ios6 -Safari -Portrait: fine
ipad Mini ios6 -Chrome -Landscape: fine (first time load it did little frame jump thats all.. I think its not important)
ipad Mini ios6 -Chrome -Portrait: fine

ipad 2 ios6 -Safari -Landscape: fine
ipad 2 ios6 -Safari -Portrait: fine

Samsung Note3 Android 4.3 -Chrome -Portrait: Slow
Samsung Note3 Android 4.3 -Chrome -Landscape: Very Slow
Samsung Note3 Android 4.3 -Firefox -Portrait: fine
Samsung Note3 Android 4.3 -Firefox -Landscape: fine (axis working wrong direction)
Samsung Note3 Android 4.3 -Default Browser -Portrait: fine
Samsung Note3 Android 4.3 -Default Browser -Landscape: fine (axis working wrong direction)
Samsung Note3 Android 4.3 -Opera -Portrait: fine
Samsung Note3 Android 4.3 -Opera -Landscape: fine (axis working wrong direction)
Samsung Note3 Android 4.3 -Opera Mini -Portrait: not working
Samsung Note3 Android 4.3 -Opera Mini -Landscape: not working
Samsung Note3 Android 4.3 -Dolphin -Portrait: Slow
Samsung Note3 Android 4.3 -Dolphin -Landscape: Slow