¿Cuál es el espacio en blanco en la nueva línea de tiempo vertical de cromo?
Estoy ejecutando una animación de viewbox simple en raphael usando requestAnimationFrame in chrome. Me doy cuenta de que todas las tareas de creación de scripts y de renderización están completas, pero aún veo entre 30 y 60 ms de "espacio muerto" donde parece que el navegador no está haciendo nada. ¿Alguna idea de esto?
Fui a esta pregunta en busca de la misma respuesta y, como parece que nadie proporcionó una respuesta, esto es lo que encontré.
De acuerdo con the Chrome DevTools documentation about the Clear and Light Grey Frame, el espacio en blanco es el tiempo que su navegador estuvo inactivo.
¿Por qué está inactivo?
La versión corta es que un marco hueco significa una de dos cosas: el hilo principal de javascript estaba ocupado haciendo otras cosas que el Equipo de desarrollo de Chrome olvidó mostrar en DevTools o tenía un cuello de botella en su GPU.
Para ver la diferencia, puede habilitar "Línea de tiempo: Mostrar actividad de CPU en la regla" dentro de la configuración de DevTools (ya sabe, el engranaje en la esquina inferior derecha).
Usted va a terminar con algo como esto:
ver a los pequeños bloques de color gris oscuro en la fila "Records"? Esos son oscuros cuando el subproceso del renderizador estaba ocupado. Si el subproceso del renderizador está prácticamente inactivo, p. sin bloque oscuro, como es el caso de la captura de pantalla que tiré para esta publicación, es una muy buena señal de que está vinculado a la GPU.
Si es gris oscuro, como en la imagen que proporcionó, ¿hay alguna forma de averiguar qué es? – Yamiko
Aquí está la explicación completa de Chrome Engineer Nat Duca.
¿Ha tenido un poco de suerte averiguar qué causó el espacio en blanco? Estoy viendo algo similar, pero las barras de actividad también comienzan en una parte de un marco con espacio en blanco al principio. – Stuart