Просто из любопытства, есть ли разница в значениях производительности, если вы используете определенные свойства, например. transition: color .3s, против общего имущества transition: all .3s?Влияет ли свойство перехода на производительность браузера?
Предоставление последовательностям анимации управления браузером позволяет оптимизировать производительность и эффективность, изменяя частоту кадров, сводя к минимуму краску и выгружая часть работы на графический процессор.
Неудача в размере all против color в указанном случае (если таковая имеется) должна быть незначительной для уведомления (микросекунды).
Для получения более подробной информации см. here.
Они должны работать аналогичным образом, если изменяется только цвет, но он будет применяться с любым изменением стиля на данном элементе. Разница, если таковая имеется, вероятно, не воспринимается большинством современных браузеров.
Совершенно очевидно, что «все» оптимизировано для обеспечения соблюдения только необходимых приличий.
Итак, единственное, что нужно учитывать, это возможность изменения другой приличия, и вы не хотите, чтобы на ней был переход на 0,3 с.
Есть много источников, которые объясняют проблемы с производительностью анимаций и переходов в CSS. По моему мнению, лучшее объяснение, которое я нашел, это at the Adobe website