CSS: @import vs. <link href = “”> [duplizieren]
Diese Frage hat hier bereits eine Antwort:
Unterschied zwischen @import und Link in CSS 7 Antworten@ Import vs Link 1 AntwortOk, ich habe Millionen Möglichkeiten zur Optimierung der Ladegeschwindigkeit einer Website kennengelernt: Je weniger HTTP-Anforderungen, desto besser (aus diesem Grund wurden Image-Sprites geboren). Injizieren Sie nur die JavaScript-Dateien, die eine Seite ausschließlich benötigt. Verwenden Sie CSS so oft wie möglich für visuelle Verbesserungen, und ziehen Sie dann möglicherweise SVG-Grafiken in Betracht(obwohl dieser noch umstritten ist); Komprimieren Sie Ihre CSS- und JavaScript-Dateien und HTML-Markups. Konsolidieren Sie Ihre Skripte in einer einzigen Datei (weniger HTTP-Anfragen werden zurückgesendet). Gzip Ihr Vermögen; usw. usw.
Aber heute finde ich diesen Kommentar auf einer Website:
"Da uns Best Practices für die Webentwicklung am Herzen liegen, verwenden wir in unseren Projekten keine @ import-Regeln mehr."
Zur Verdeutlichung geht es bei meiner Frage NICHT um den Unterschied zwischen:
<link rel="stylesheet" href="file.css">
gegen<style type="text/css">@import url("styles.css");</style>
Ist über den Unterschied zwischen dem Hinzufügen dieses zu Ihrem HTML-Dokument:<link rel="stylesheet" href="file.css">
Hinzufügen@import url("styles.css")
INSIDE Ihre Haupt-CSS-Datei.
Was ist also der Unterschied zwischen dem Laden von CSS-Dateien aus dem HTML-Code und dem Laden von Dateien aus einer anderen CSS-Datei?
Ich meine, HTTP-Anfragen werden immer noch da sein, sie werden nur von verschiedenen Orten aus gemacht.
Ich las Steve Souders 'Verwenden Sie @import nicht Artikel und Artikel von About.comWas ist der Unterschied zwischen @import und Link für CSS?, aber sie vergleichen die oben erwähnten Methoden, auf die ich mich nicht bezog, daher war mir nicht klar, warum ich sie nicht verwende@import
.
Übrigens interessiert mich Netscape 4 oder IE6 (Gott sei Dank kann ich das jetzt sagen) oder IE7 und der FOUC nicht.
Danke im Voraus.