Idle-time in-frame-rendering in Chrome DevTools

Wenn in der Forschung zur web-render-Optimierung, ich habe festgestellt eine seltsame render-Verhalten auf vielen populären Webseiten. Großen Teil der Rahmen-render-Zeit ist leerer Raum ohne Bedienung. Beispiel aus der Apple-promo-Seite

Die einzige Sache, die funktioniert in diesem Zeitrahmen ist eine GPU. Ich konnte keine Ursache für dieses Verhalten. Was könnte der Grund für dieses Problem und wie kann ich die render-Zeit der Rahmen in meinen Projekten?

InformationsquelleAutor Nate River | 2016-07-23
  1. 2

    Dies ist-idle-time die Zeit, wenn der browser wartet auf die CPU oder GPU zu tun, einige Bearbeitung. Es wird in der pie-chart-screenshot in der Dokumentation Seite Wie die Timeline-Tool.

    Ich finde keine gute Erklärung im offiziellen Dokument, aber ich habe gerade woanders was:

    Die transparenten Bereiche der einzelnen vertikalen Balken entsprechen Leerlauf, zumindest im Leerlauf auf den Teil Ihrer Seite. Zum Beispiel, sagen, Ihr Erster frame dauert 15ms zu führen-und die nächste dauert 30ms. Eine gemeinsame situation ist, dass die frames synchronisiert die Bildwiederholfrequenz und in diesem Fall, das zweite Bild hat etwas mehr als 15ms zu machen. Hier, Bild 3 verpasste die "echte" hardware-Rahmen und gerendert wurde auf das nächste Bild, also die Länge des zweiten frame konnte verdoppelt.

    Quelle: Die Verbesserung der Web-App Performance Mit den Chrome DevTools Timeline und Profile

    Ich verzichte in diesem thread SO auf jemand, den ich wissen, wer schreibt die Dokumentation für Google. Sie könnten in der Lage sein besser zu decken Sie dieses Thema.

    InformationsquelleAutor Gideon Pyzer
Schreibe einen Kommentar