Questão Quadros da linha do tempo mostram muito “rasterize”


Eu conectei o lg android phone lento com o google chrome 33 beta do desktop para descobrir por que ele está trabalhando devagar para um recurso específico na página que inclui esperar até que a imagem seja carregada (via plugin imagesLoaded).

Para minha surpresa, há muitos eventos "rasterize" de longa duração e eles acontecem em paralelo com o resto dos eventos (como js e renderização). O que é e por que demoram tanto?

Aqui estão os dados da linha do tempo exportados: https://gist.github.com/thehappycoder/a089562b13e028766e82/raw/53f0425c5f4756c7f5c7662711c4e4d3c6d3ba56/TimelineRawData-20140130T152139.json

E quando não uso imagesLoaded funciona assim: https://gist.github.com/thehappycoder/dc3023a78dbcd486d33d/raw/4b07a650895bdea12ffbc27d60d68f33a7e78c45/TimelineRawData-20140130T153800.json

O código é muito simples:

$("#divWithImage img").imagesLoaded(function() {
  // No-op
});

A demonstração funciona bem http://imagesloaded.desandro.com no telefone, então não é sobre a biblioteca.


1


origem




Respostas:


O Spin.js está causando esses eventos "rasterizados". https://github.com/fgnass/spin.js/issues/200


0