La propiedad `will-change` informa al navegador que una propiedad específica del elemento va a cambiar en un futuro próximo. Esto permite al navegador preparar optimizaciones (como crear una capa de composición en la GPU) antes de que la animación comience.

Uso común: `will-change: transform, opacity;`. Esto evita el pequeño retardo inicial cuando empieza una animación pesada.

**Cuidado del Senior:** No uses `will-change` en todos los elementos. Cada capa de composición consume memoria. Úsala solo como último recurso en elementos que realmente lo necesiten y, si es posible, actívala y desactívala dinámicamente.

Esta es probablemente la propiedad de rendimiento más potente de los últimos años. `content-visibility: auto;` permite que el navegador ignore el trabajo de renderizado (layout y pintura) de un elemento hasta que este se acerca al viewport.

Imagina un pie de página enorme o una sección de comentarios con mil mensajes. Con esta propiedad, el navegador no gastará tiempo calculando su tamaño ni dibujándolo hasta que el usuario haga scroll hacia ellos, acelerando drásticamente el tiempo de carga inicial.

Cuando usas `content-visibility: auto`, el elemento 'desaparece' del cálculo de layout (tiene tamaño 0). Esto causaría que la barra de scroll saltara cuando el elemento aparece.

Para evitarlo, usamos `contain-intrinsic-size: 300px;` (o el valor que corresponda). Esto le da al navegador un 'marcador de posición' con una altura estimada para que el layout sea estable antes de renderizar el contenido real.