Wo sollen die CSS-Stildateien abgelegt werden?

Dateien im CSS-Stil sollten im Header oben im HTML platziert werden, was die Leistung der Seite steigern kann. Fügen Sie die CSS-Datei in den Header ein, und wenn Sie den HTML-Code laden, um den DOM-Baum zu generieren, kann der DOM-Baum gleichzeitig gerendert werden. Dies kann Flimmern, weiße Bildschirme oder verwirrende Layouts verhindern.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Dateien im CSS-Stil sollten im Kopf oben im HTML platziert werden.

Das Einfügen von CSS in den Kopf kann die Leistung der Seite steigern.

Platzieren Sie CSS im Header. Wenn Sie HTML laden, um einen DOM-Baum zu generieren, kann der DOM-Baum gleichzeitig gerendert werden. Dies verhindert Flackern, weiße Bildschirme oder verwirrende Layouts.

Für ein besseres Benutzererlebnis versucht die Rendering-Engine des Browsers nun, Inhalte so schnell wie möglich auf dem Bildschirm anzuzeigen. Sie wartet nicht, bis alle HTML-Elemente analysiert sind, bevor sie den Dom-Baum, also einen Teil des Inhalts, erstellt und anordnet wird analysiert und angezeigt. Mit anderen Worten: Der Browser kann unvollständige DOM-Bäume und CSSOM rendern und so die Zeit des weißen Bildschirms so schnell wie möglich verkürzen.

Wenn das CSS unten platziert wird, verhindert der Browser, dass der Inhalt nach und nach angezeigt wird. Während der Browser darauf wartet, dass der Download der letzten CSS-Datei abgeschlossen ist, wird ein „weißer Bildschirm“ angezeigt erscheint, wenn eine neue Verbindung geöffnet wird, und dann erscheinen zuerst Text und Bilder, der Stil erscheint zuletzt). Dies ist sehr ernst, denn wenn die Netzwerkgeschwindigkeit sehr langsam ist, ist die CSS-Downloadzeit relativ lang, was dem Benutzer natürlich lange Zeit einen „weißen Bildschirm“ beschert und die Benutzererfahrung sehr schlecht ist.

Wenn die CSS-Datei unten platziert wird, verhindert der Browser, dass der Inhalt nach und nach angezeigt wird. Während der Browser auf den Download der letzten CSS-Datei wartet, erscheint ein „weißer Bildschirm“. Wenn eine neue Verbindung geöffnet wird, werden zuerst die Bilder und zuletzt die Stile angezeigt. Dies ist sehr ernst, denn wenn die Netzwerkgeschwindigkeit sehr langsam ist, ist die CSS-Downloadzeit relativ lang, was dem Benutzer natürlich lange Zeit einen „weißen Bildschirm“ beschert und die Benutzererfahrung sehr schlecht ist.

(Teilen von Lernvideos: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonWo sollen die CSS-Stildateien abgelegt werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!