Mi ballena blanca: Un caso de uso para cambiar la voluntad trucos CSS
[…] en
will-change
la característica apareció en los principales navegadores en agosto de 2015 y he estado buscando cuándo usarla desde entonces. Puede parecer obvio aplicarlo a propiedades animadas con frecuencia, como la transformación o la opacidad, pero el navegador ya las clasifica como propiedades compuestaspor lo tanto, son conocidas como las pocas propiedades de las que ya se puede esperar un rendimiento decente de la animación. Entonces, siguiendo el consejo de los grandes desarrolladores que me precedieron, fui cauteloso y esperé a que apareciera la oportunidad adecuada.
Y estaba pensando en voz alta sobre ello en ShopTalk no hace mucho. Entendí el espíritu detrás will-change
. Es como las imágenes receptivas o la recuperación de DNS: le das al navegador más información sobre lo que vas a hacer y puede optimizarlo cuando eso suceda. Pero con will-change
… ¿Cuándo? ¿Por qué entonces no hay una demostración reducida ordinaria de un caso de prueba que demuestre algo de desempeño deficiente? will-change
se aplica y se convierte en un buen rendimiento?
Bueno, Nick encontró un pequeño caso directamente útil en el que un pseudoelemento transformado mientras se mantiene presionado el cursor deja algunos rastros de color en Safari y desaparece si usa will-change
. Lo probé en las últimas versiones de Safari y descubrí que era cierto. Pues bien, ¡un caso de uso!
Me gustaría ver un caso más obvio de uso directo. Supongo que el punto óptimo está en los dispositivos de menor potencia (que todavía tienen GPU), pero son lo suficientemente nuevos como para saber qué will-change
es
Conexión directa →
Deja una respuesta