gratis - javascript ejemplos

¿Hay alguna forma en Javascript para programar el reflujo de un navegador?

Question

Necesito poder comparar una compilación particular de un navegador basado en webkit y estoy midiendo el tiempo que toma hacer ciertas cosas como manipulación de DOM, límites de memoria, etc.

Tengo una prueba debajo que registra el tiempo que toma cargar simultáneamente en 10 gráficos PNG bastante pesados. En el código, necesito poder medir el tiempo que demora la carga. He intentado configurar la función onLoad en el objeto dinámico Imagen para producir un tiempo en ms. Sin embargo, como se muestra en el siguiente recuadro, proporciona una lectura inexacta porque la lectura que proporciona es muy pequeña debido a que solo registra la parte de transferencia de datos de la carga y luego hay un retraso considerable (3000 + ms) para cuando las imágenes se pueden ver: en azul, este es el ciclo de reflujo del navegador .

¿Hay algún evento en el webkit que pueda usar para registrar cuándo el navegador ha terminado un reflujo para poder compararlo? Tengo que poder registrar el tiempo en milisegundos en el código porque la compilación de webkit que estoy probando no tiene herramientas de desarrollo. Puedo observar la diferencia en Chrome, pero el rendimiento entre las dos versiones difiere drásticamente y necesito poder cuantificarlo con precisión para poder compararlo.

Answer 1

Si está utilizando jQuery, podría intentar registrar el tiempo entre el documento listo y la carga de la ventana , que le daría una aproximación.

(function(){
var start, end;
$(document).ready(function(){
start = new Date()
});
$(window).load(function(){
end = new Date();
console.log(end.getTime() - start.getTime());
});
}());

Editar:

¿Has echado un vistazo al temporizador de reflujo de Browserscope ? Básicamente, verifica cuánto tarda el navegador para devolver el control al motor de JavaScript después de los cambios en el dom. De acuerdo con la página debería funcionar en cualquier navegador, aunque no lo he probado personalmente. Tal vez podría adaptar el código ejecutado durante las pruebas para sincronizar el reflujo en su página.

Answer 2

Además, es posible que desee echar un vistazo a CSS Stress Test. El bookmarklet es realmente genial para las pruebas de rendimiento de la página. http://andy.edinborough.org/CSS-Stress-Testing-and-Performance-Profiling

¿Qué hay de establecer el PNG como una background-image div y ejecutar la prueba de estrés, debe habilitar / deshabilitar la imagen varias veces con los tiempos.