Letzte Nacht habe ich einen Aufsatz über den Rendering -Prozess des Browsers geschrieben, aber ich habe es gerade durch ein kleines Stück Code erklärt. Ich habe den Browser -Test nicht bestanden, es war nicht überzeugend genug, und es gab viele unvollständige Aspekte. Ich habe es heute im Browser getestet und die Testergebnisse mit allen geteilt. Der Testprozess kann etwas unordentlich sein, ich hoffe, jeder versteht es.
Testbrowser : Chrom V24.0.1312.52 M, Firefox V18.0, Opera V12.12.Wenn im Webkit -Kernel die Webseite angezeigt wird, gibt es einen Parser (Parser), der das HTML -Dokument analysiert und dann einen Rendering -Baum (Renderbaum) erstellt und schließlich die Seite rendert. Dies geschieht in einem Thread, sodass beide nicht gleichzeitig durchgeführt werden.
Ich unterteilte es in die folgenden zwei Situationen und testete es in verschiedenen Browsern.
Die Stildatei befindet sich im Kopf, und die andere Skriptdatei ist mit dem Beginn des Körpers verbunden und der andere am Boden des Körpers. Die Stildatei befindet sich am Anfang des Körpers und die Skriptdatei ist die gleiche wie oben.Das Testergebnis ist wie folgt: In Chrome wirkt sich der Ort der Stildatei auf die Download -Zeit des Bildes aus, während in den beiden anderen Browsern kein Unterschied zwischen den beiden Situationen besteht. Das Folgende ist ein detaillierter Testprozess.
Test 1: Die Stildatei befindet sich im Kopf, und die andere Skriptdatei ist mit dem Beginn des Körpers verbunden und die andere am Boden des Körpers.Getesteter Code:
Kopieren Sie den Code