Hallo,
da ich aktuell in jeder HTML Datei die CSS Dateien, die ich benötige, einbinde, dachte ich über einen Weg nach, in jeder HTML Datei direkt sämtliche CSS Dateien zur Verfügung zu haben.
Dabei kommen bei mir aber folgende Fragen auf..
1. Ab wann kostet es denn Performance, wenn die Datei eingebunden wird oder erst, sobald das Element sich seine CSS-Eigenschaften holt?
2. Spricht also etwas gegen ein zentrales Laden?
Laut Google kann ich das Ganze wohl so realisieren
|
Quellcode
|
1
2
3
4
5
6
7
8
9
|
// In meiner HTML Datei verlinke ich die CSS Datei, die alle anderen CSS Dateien einbinden soll
<link href="meineZentraleDatei.css" type="text/css" />
// Innerhalb dieser CSS Datei kann ich dann mit @import die Dateien einbinden
@import url(meineErsteCssDatei.css);
@import url(meineZweiteCssDatei.css);
@import url(meineDritteCssDatei.css);
|
Da viele hier wahrscheinlich wesentlich erfahrener bei der Webentwicklung sind, wollte ich mal fragen, ob etwas dagegen spricht.
Wie sieht es mit Javascript Dateien aus? Die sollte man wohl nicht alle zentral laden, schätze ich mal, bevor ungewünscht Code ausgeführt wird...