5
Sto utilizzando Chrome per isolare il collo della bottiglia nelle animazioni di un'app.Chrome DevTools frame timing evento
Mostra che i frame impiegano circa 20 + ms che è troppo lento. Ma quando ho espanso la cornice per vedere cosa sta succedendo, mi mostra una chiamata jQuery che richiede 20 + ms, ma l'effettivo evento di ricalcolo dello stile richiede poco più di 5 ms.
Come posso scoprire che cosa causa questo ritardo? Non riesco a vedere quello che gli altri 15ms sono
Il tempo totale dell'evento:
L'evento "Ricalcola Style" all'interno della funzione jQuery
stack prima " Ricalcolo stile "
dispiace ho pensato che avevo commentato la tua risposta. Ho aggiunto una schermata per mostrare l'evento espanso, e l'unica cosa mostrata nella parte chiamata alla funzione è il ricalcolare l'evento stil –
Ti riferisci al primo screenshot? Se è così, non ci sono più dettagli da avere. Il codice in questione è jquery-2.0.3-min.js alla riga 5. Tuttavia, poiché è una versione minificata che non sarà molto utile. È possibile passare alla versione non compressa durante lo sviluppo per semplificare il debug. –
Ah, questo è un buon punto. Forse questo aiuterà. È possibile quindi che la chiamata alla funzione jQuery duri tanto a lungo? Userò la versione non compresso per vedere quale funzione è –