Какая странная вещь, которую я только что обнаружил ...
если у меня есть вставка box-shadow или border-radius на любом внешнем div (даже на много уровней выше), то игрок генерирует около 40% загрузки ЦП. Даже если тень не над / под этим игроком.
Как это исправить? Без тени и бордюрного радиуса это около 18% CPU
У меня на сайте структура такая:
<div>
<div>
<div>
<iframe src="http://player.vimeo.com/video/15273408" width="700"
height="400" frameborder="0"
webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</div>
</div>
</div>
И мой CSS выглядит так:
box-shadow: inset 5px 7px 10px -5px black; border-radius: 3px;
Я подтвердил это в Firefox и Chrome; использование фонового свойства PNG не вызывает этой проблемы.