WebPageTest :: Wie kann Start Render nach dem Load-Ereignis sein?

Question

Was kann dazu führen, dass das Start-Rendering verzögert wird, nachdem das Load-Ereignis ausgelöst wurde?

Schauen Sie sich das webpagetest result

Answer 1

ist wahrscheinlich ein Fehler. Für den Moment ist die iPhone-Instanz auf Webpage ziemlich neu und der Autor ist es noch zu verbessern:

Die iOS-Unterstützung nur stabil ist immer wenn es unter sehr aktiver Entwicklung noch ist also nicht überrascht, wenn es eine gibt einige Ecken und Kanten (und mehr Einschränkungen als die Android-Tests). - Patrick Meenan, 09-09-2015

Die Android-Tests sind viel zuverlässiger.

Answer 2

Wenn Sie die Seite, die Sie ohne Javascript getestet überprüfen (F1> Deaktivieren Sie Javascript in Chrome DevTools) können Sie sehen, dass die meisten Bilder sind faul-geladen, die sie bedeuten geladen werden über a JS script checking if the images are in the viewport. Wie Sie sehen können, ist die Ladezeitlinie ohne JS gut, nachdem alle Assets geladen wurden.

Auch für andere Assets, wie JS, können Sie eine async or defer attribute hinzufügen, um Ihre Scripts Lasten zu desynchronisieren.

Schließlich können einige Skripte sogar absichtlich nach dem Load-Ereignisse geladen werden, um eine Befestigung an dem Fenster load Ereignis mit <script> Tags im Körper zu schreiben, wenn es als loadJS tut zum Beispiel ausgelöst wird.

Sie sollten übrigens read that besser verstehen, wie Rendering und Ereignisse Timing funktionieren. Diese