Производительность в формате HTML Color

Question

Производительность в формате HTML Color

0

Я планирую менять цвет в несколько сотен тысяч div в секунду, и мне было интересно, какой самый быстрый способ это сделать.

Каковы наилучшие форматы с точки зрения производительности? rgb троек? шестнадцатеричные коды? цветные слова (черный, шартрейз)?

Igglyboo 28 апр. 2014, в 05:02

Источник

0

Не могли бы вы просто проверить это сами?
j08691 28 апр. 2014, в 02:43
0

Я завершил тестирование jsperf, поэтому, если вы проверите мой ответ, вы сможете увидеть его результаты.
Joeytje50 28 апр. 2014, в 03:12

Теги:

html

performance

css

html5

2 ответа

0

Коды с шестью будут самыми быстрыми. Когда вы говорите, например, "черный", он считывается, а затем изменяется на его шестнадцатеричный код # 000000

user3558826 27 апр. 2014, в 23:38

3

Откуда ты это знаешь? Вы реализовали это сами?
BoltClock♦ 28 апр. 2014, в 02:38
0

Прочтите это давно, поищу источник.
user3558826 28 апр. 2014, в 02:41
0

@ user3558826 w3.org/TR/css3-color Я не нашел явного упоминания об этом при быстром просмотре страницы.
Joeytje50 28 апр. 2014, в 02:47
1

@ Joeytje50: Спецификация не определяет детали реализации, за исключением случаев, когда разные реализации могут возникнуть в результате разных интерпретаций спецификации. Например, «черный» эквивалентен # 000000 и rgb (0, 0, 0) и rgba (0, 0, 0, 1), но спецификации не важно, как это значение сохраняется, пока оно представляет цвет черный, так как они все одинаковые. В нем говорится, что вычисленное значение представляется по-разному в зависимости от формата указанного значения (§3.1), но я подозреваю, что оно не имеет никакого отношения к тому, как оно хранится внутри и используется для рендеринга.
BoltClock♦ 28 апр. 2014, в 02:59

Показать ещё 2 комментария

Ещё вопросы

Не могли бы вы просто проверить это сами?
Я завершил тестирование jsperf, поэтому, если вы проверите мой ответ, вы сможете увидеть его результаты.
Откуда ты это знаешь? Вы реализовали это сами?
Прочтите это давно, поищу источник.
@ user3558826 w3.org/TR/css3-color Я не нашел явного упоминания об этом при быстром просмотре страницы.
@ Joeytje50: Спецификация не определяет детали реализации, за исключением случаев, когда разные реализации могут возникнуть в результате разных интерпретаций спецификации. Например, «черный» эквивалентен # 000000 и rgb (0, 0, 0) и rgba (0, 0, 0, 1), но спецификации не важно, как это значение сохраняется, пока оно представляет цвет черный, так как они все одинаковые. В нем говорится, что вычисленное значение представляется по-разному в зависимости от формата указанного значения (§3.1), но я подозреваю, что оно не имеет никакого отношения к тому, как оно хранится внутри и используется для рендеринга.

Joeytje50 · Accepted Answer · 2014-04-28T00-32-00.000Z

Я запустил этот jsPerf, и это общие результаты:

Основные ключевые слова цвета довольно быстр, и это самый быстрый для Chrome. Однако в некоторых браузерах расширенный список намного медленнее.
hsl - самое худшее, ~~за исключением IE, где он фактически является голосом (но опять же IE)~~ (по-видимому, это был всего лишь один случай, я не смог воспроизвести его впоследствии)
#RGB или #RRGGBB являются относительно быстрыми в каждом браузере (#RGB немного быстрее вообще)
rgb(), как правило, медленный, в каждом браузере

В общем, я считаю, что #RGB - это самый быстрый формат для каждого браузера (в среднем).

Это доказательство того, что даже самые базовые функции иногда нельзя сравнивать с точки зрения производительности, поскольку они могут очень сильно различаться в реализации.