Chrome DevTools: Langsame Frames, aber keine Ereignisse, die sie verursachen

Question

Was bedeutet es, wenn Sie in der Timeline von Chrome Dev Tools langsame Frames (die mit roten Dreiecken angezeigt) haben, aber nicht anzeigen, was das verursacht (Skript , Render, Komposition usw.). Es ist, als ob nichts wirklich passiert, aber du hast immer noch Janks.

Answer 1

Wenn Sie über dem Haupt-Thread auf die Zeitspanne, und klicken Sie dann auf die Bottom-Up am unteren Register können Sie zu dieser Summe sehen gehen alle einzelnen Aktivitäten, die auf aufsummieren Zeit. Ich vermute, dass es einige andere Aktivitäten geben muss, die Sie derzeit nicht sehen können, aber wenn Sie vertikal scrollen, sollten Sie sie sehen - wahrscheinlich Rasterize Paint auf einem anderen Arbeiter.

aktualisiert wurde mir klar, dass die Zeiten, in dem Bottom-Up im Hinblick auf die Gesamtzeit für den Rahmen gezeigt wird, sind nicht auf. Ich habe ein bisschen mehr gespielt und es sieht so aus, als ob die verbleibende Zeit "Idle" Zeit ist.

Wenn Sie sich den Screenshot unten ansehen, habe ich die Timeline-Ansicht so angepasst, dass sie ungefähr einen Frame enthält, der sehr wenig Aktivität aufweist. Es ist ein bisschen mehr als ein Rahmen, weil Sie die gepunkteten Linien auf jeder Seite ein wenig weiter innen sehen können.

Wenn Sie dann auf die untere Übersichtsansicht schauen, können Sie sehen, dass die meiste Zeit als "Leerlauf" aufgeführt ist ". Wenn Sie so tun, als würde ich die Timeline-Ansicht präziser als genau einen Frame filtern (indem ich ein kleines bisschen Zeit von den Zusammenfassungswerten wegnehme), könnten Sie wahrscheinlich ziemlich sicher zu der Schlussfolgerung kommen, dass die Gesamtrahmenzeit (gerade über dem Main Thread-Leiste) ist die Summe der Werte in der Zusammenfassung, einschließlich der "Leerlauf" -Zeit.