Производительность перерисовки / перекомпоновки браузера: использование градиентов CSS3 и градиентов PNG - PullRequest
1 голос
/ 02 ноября 2010

Я работаю над приложением, которое вызывает много перекомпоновок браузера. Производительность является ключевым вопросом здесь. С точки зрения производительности. Лучше ли использовать CSS3-градиент или градиент изображения для некоторых элементов DOM? Будет ли страница, использующая тени и градиенты текста CSS, медленнее перерисовываться, как страница, использующая изображения для достижения этих визуальных эффектов? Кроме того, есть ли какие-либо тесты на оплавление, которые я могу использовать?

Ответы [ 2 ]

1 голос
/ 30 ноября 2010

Для рисования CSS-градиенты и тени выполняют задачу процессора больше, чем изображения.Производительность раньше была довольно плохой, в наши дни они приемлемы.Если у вас есть тонна градиентов / теней, вы должны просто реализовать их и выполнить тесты в реальных условиях.Если бы у вас их было немного, я бы об этом не беспокоился.

0 голосов
/ 30 ноября 2010

Это во многом зависит от того, как браузер отображает его, но по большей части эти вещи будут отображаться медленнее. Кроме того, у вас будет менее идеальный дисплей в старых браузерах. Тем не менее, это также служит для сегментирования вашей аудитории, так как обычно те, у кого обновленные браузеры также имеют обновленные компьютеры. Таким образом, это компромисс, который может работать в вашу пользу, чтобы по сути предоставить урезанную версию вашего сайта тем, кто не сможет с этим справиться. Это не гарантировано, но я обнаружил, что это обычно уравновешивается довольно хорошо.

В целом, тестирование в реальных условиях - это путь. Постройте его, посмотрите, работает ли он, и исправьте проблемы с производительностью, как только вы их найдете. Я бы не стал колебаться только потому, что есть шанс, что это не сработает. Если это работает просто отлично, и вы не попробуете это, вы никогда не узнаете!

...