Mit dem @import kenne ich mich nicht aus
@import ist aus Performancesicht eine zweitbeste Lösung, weil sich der Datenverkehr ohne flankierende Maßnahmen wie "preloading" grob gesagt wie folgt darstellt:
- Webseite wird abgeholt und geparst.
- Der Browser stellt fest "Oh! Ich soll eine CSS-Ressource abholen!"
- CSS-Ressource wird abgeholt und geparst.
- Der Browser stellt fest "Oh! Ich soll noch eine CSS-Ressource abholen!"
- Die weitere CSS-Ressource wird abgeholt und geparst.
Das lokale Zusammenfügen der CSS-Datei dauert auf einem Server (der den Name verdient) je nach Speichertechnik und Verfügbarkeit im Dateisystem-Cache so um die 0,1 bis 9 Millisekunden. Beim Import mit @import kommt der zuätzliche Request hinzu, der, je nach Netz des Besuchers und Standort des Servers schon mal 250 Millisekunden (bei datendurchsuchenden Proxys wie Malewarescannern durchaus auch länger) dauern kann.