CSS3 Преходите в Chrome и Firefox са слабо ефективни в конфигурациите на Optimus или Intel IGP. Как да поправя? - html5, firefox, google-chrome, css3, gpu

Тази публикация бе актуализирана, за да отразява по-задълбочени изследвания.

Забелязах, че производителността на CSS3 е нестабилнапо-лошо от JavaScript при извършване на разнообразни CSS3 преходи, включително преходи на височина или непрозрачност и анимации във Firefox 5+ и Chrome (дори най-новите), особено на платформи, които имат NVIDIA Optimus и / или Intel GMA / IGP графика - включително най-новите Intel HD 3000. Ето няколко примерни теста:

На Windows 7 64-битов, Intel Core i7 2720QM, NVIDIA GeForce 540 + Optimus (Intel HD 3000)

Firefox 7: 5 fps Chrome 15: 16 кадъра в секунда Safari 5.1: 40+ fps

Забелязах, че Firefox по-специалнопо подразбиране се използва интегрираната Intel Graphics (HD 3000 в този случай) на системите Optimus - дори когато има значително по-мощен графичен процесор NVIDIA, а Chrome изглежда е хит-или-пропуснат. Safari, от друга страна, е гладка за течности, дори и в Windows.

Опитах да накарам Firefox и Chrome да използват NVIDIA в контролния панел на NVIDIA, но дори и тогава няма да е необходимо.

Има ли някой наясно с драйвера или браузъра да го поправятази ситуация? Имам широко тествани системи с AMD / ATI графики и всички те се представят чудесно. Системите Apple / Mac OSX също се представят добре.

Отговори:

Бих предложил да поемете по друг път. Имайте предвид, че има голям брой потребители, които нямат графичен хардуер, който осигурява подходящо ускорение.

Прочетете, може да помогнете: [http://blog.mozilla.com/bjacob/2011/03/28/do-users-actually-get-hardware-acceleration/

По отношение на FireFox преходи да намеря най-добротоначин да ги настроите е да ускорите изоставащите преходи или да ги премахнете напълно, ако е възможно. Обърнете внимание на някои висококачествени уебсайтове, които са склонни да изключват напълно преходите за FireFox в много случаи.

javaScript е за "против" и против против cssпреходи / анимации, може да си струва да се тества малко от jQuery, за да се види дали има някаква разлика, въпреки че не бих препоръчал да правя прекалено много хардуерно ускорение, тъй като предполагам, че се опитвате да задоволите всички аудитории, а не само с прилични компютри.

Това е проблем с браузър + GPU драйвери. От тази дата изглежда, че тя се коригира значително в Chrome. Safari 5.1 все още е по-гладка от Chrome, но сега е ясно, че Google е направил много подобрения.