Cuando cambia un valor de propiedades de CSS, el navegador debe reaccionar a su cambio. Algunos valores cambian el diseño de la página. Por ejemplo, un cambio en width requiere que el navegador actualice el diseño, luego “pinte” los píxeles que hayan cambiado y luego los “componga”. Eso es mucho trabajo. Algunas propiedades de CSS se pueden cambiar de forma más económica. Por ejemplo, un cambio en background-image no requiere ningún cambio de diseño, pero requiere pintura y composite.
Paul Lewis hizo toda la investigación sobre qué propiedades hacen qué. Una buena referencia para ayudarlo a pensar en qué tipo de cambios puede hacer que sean fáciles para el navegador (por lo tanto, rápidos) y qué tipo de cambios son difíciles (por lo tanto, lentos).
Enlace directo →