Я только что закончил разработку этой страницы-заставки для своего стартапа: http://beta.mergenote.com/.
Время загрузки и первоначальный рендеринг невелики во всех браузерах, которые я тестировал. (Я не смотрел ни на какие версии IE, но отправил его друзьям, которые все считали, что он достаточно похож на Chrome, они ничего не заметили ... хотя они не веб-разработчики, поэтому, если вы заметите что-то, дайте мне знать).
Веб-страница использовала jQuery для простого слайд-шоу, а для прокрутки параллакса использовала skrollr https://github.com/Prinzhorn/skrollr
Он использует спрайт SVG, ширина и высота которого были установлены в 3 раза больше самого большого отображаемого размера любого из его значков (из-за проблемы с рендерингом Opera и Firefox, когда SVG не перерисовываются в их окончательном размере).
В Chrome/Safari сайт работает плавно, быстро, без проблем. В Firefox и Opera (и особенно в Firefox) перерисовка страницы при изменении размера или прокрутке занимает очень много времени, а анимация очень прерывистая.
Я подозреваю, что это может быть спрайт SVG, но я действительно не уверен. Проблемы, с которыми я столкнулся, могут немного усилиться, когда я увеличил размер, но они были и раньше.
Любые идеи?
