¿Por qué los elementos con CSS position: fixed aplicados a ellos hacen que Firefox coma 100% de CPU al desplazarse por la página en la que se encuentran? ¿Y hay alguna solución?¿Por qué los elementos fijos ralentizan el desplazamiento en Firefox?
He observado este comportamiento en algunos sitios, por ejemplo, la barra de notificaciones en la parte superior de la página en StackOverflow. Estoy usando Linux en caso de que eso importe.
¿Estás seguro de que hay un enlace directo aquí? ¿Has creado una página HTML estática con elementos fijos para verificar tu teoría? Dada la amplitud de uso de estas propiedades de CSS, creo que alguien más ya lo habría notado, independientemente del navegador/sistema operativo que esté ejecutando.
Esto es bug #201307.
Este sitio web tiene un elemento fijo "¿La primera vez en Stack Overflow? ¡Echa un vistazo a las preguntas frecuentes!", Y es lento como el infierno en Firefox. Funciona mejor con Opera y Chrome. FF3, Windows XP, ATI.
Es un informe de error en bugzilla
parecer una solución alternativa (con informes contradictorios de éxito ..) es disable smooth-scrolling
Sólo desactivar el desplazamiento suave en Editar> Preferencias> Avanzado.
que come la CPU ya que el navegador tiene que volver a pintar toda el área de visualización de cada cambio de rollo en lugar de sólo la nueva zona visible
Como ya se ha dicho, se trata de errores #201307. La solución alternativa es deshabilitar el desplazamiento continuo:
Editar -> Prefrences -> Avanzado -> ficha General -> desmarcar "Usar desplazamiento suave"