Базовая анимация необычно медленная в браузерах без IE

Question

Тестовая страница: http://adamhaskell.net/misc/dialogtest.html
Протестировано с: Internet Explorer 9, Firefox 6, Chrome 14

Страница содержит урезанную версиюсайта, над которым я работаю.Он использует пользовательскую функцию Alert (верхний регистр A, чтобы сохранить стандарт alert доступным).По сути, он создает элемент маски и элемент содержимого оповещения, затем затемняет их, используя стиль opacity.

Анимация выполняется на setInterval с задержкой 25 мс, в общей сложности 16 кадров.,Поэтому теоретическое время анимации составляет 400 мс.

Результаты:

• Internet Explorer 9: 397-403 мс
• Firefox 6: 440-460мс
• Chrome 12: 800-900мс

И это только урезанная, минимальная версия страницы.

Я что-то не так делаю, илиЯвляется ли Chrome, «самый быстрый браузер в Интернете», «Интернет сейчас», на самом деле это дерьмо?

Answer 1

Итак, я просто перенесу это сюда, так как это оказалось проблемой:

Это не анимация - анимация работала нормально, когда у меня был отключен внешний CSS, но это браузер изо всех сил пытается отобразить свойства CSS3 (а именно border-radius, background-size и box-shadow в этом случае) поверх такой короткий период времени. Их удаление должно привести к тому, что обычное время будет соответствовать ожидаемому.

Проверено на Firefox 6:

• До CSS: среднее значение 400 мс, соответствует
• После CSS: 600 мс + среднее, варьирующееся

Проверено на Chrome (без контрольного теста):

• После CSS: 500-700 мс, варьируется