search

cameronmcefee / plax

JQuery powered parallaxing
http://www.cameronmcefee.com/plax
MIT License
2.28k stars 206 forks source link

chrome and safari performance issue #51

Open senerdude opened 10 years ago

senerdude commented 10 years ago

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 commented 10 years ago

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 commented 10 years ago

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 commented 10 years ago

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). plax-profiling

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 commented 10 years ago

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