Heim  >  Artikel  >  Web-Frontend  >  Warum wird die Verwendung von @import zur Einführung von CSS nicht empfohlen?

Warum wird die Verwendung von @import zur Einführung von CSS nicht empfohlen?

王林
王林nach vorne
2020-06-13 16:14:562831Durchsuche

Warum wird die Verwendung von @import zur Einführung von CSS nicht empfohlen?

Es wird aus den folgenden zwei Gründen nicht empfohlen, @import zu verwenden:

Grund 1. Die Verwendung von @import zur Einführung von CSS wirkt sich auf den parallelen Download des Browsers aus

Die CSS-Datei, auf die mit @import verwiesen wird, erkennt erst, dass ein weiteres CSS heruntergeladen werden muss, nachdem die CSS-Datei, die darauf verweist, heruntergeladen und analysiert wurde. Anschließend wird sie heruntergeladen Herunterladen Starten Sie eine Reihe von Vorgängen wie das Parsen und Erstellen des Renderbaums. Dies führt dazu, dass der Browser die erforderlichen Stildateien nicht parallel herunterladen kann.

Grund 2: Mehrere @Importe führen zu einer fehlerhaften Download-Reihenfolge.

Im IE führt @import dazu, dass die Download-Reihenfolge der Ressourcendateien unterbrochen wird, d. h. die nach @import aufgelisteten js-Dateien werden vor @import heruntergeladen und stören oder zerstören sogar @import selbst . Parallele Downloads.

Wir können den Link-Tag verwenden, um CSS einzuführen.

Empfohlenes Tutorial: Schnellstart mit CSS

Das obige ist der detaillierte Inhalt vonWarum wird die Verwendung von @import zur Einführung von CSS nicht empfohlen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:juejin.im. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen