Raketenwissenschaftler: CSS: Gibt es auch so etwas wie eine <include>-funktion?

Beitrag lesen

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:

  1. Webseite wird abgeholt und geparst.
  2. Der Browser stellt fest "Oh! Ich soll eine CSS-Ressource abholen!"
  3. CSS-Ressource wird abgeholt und geparst.
  4. Der Browser stellt fest "Oh! Ich soll noch eine CSS-Ressource abholen!"
  5. 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.