@import in CSS vermeiden

Immer wieder setzen einige Webdesigner die @import-Funktion innerhalb der CSS-Dateien ein, um das Design aufzubauen. Damit versucht man den HTML-Quellcode der Seite möglichst kurz zu halten und nur eine CSS-Datei mittels link rel='stylesheet' einzubinden. Weitere CSS-Dateien werden dann mittels der @import-Funktion durch die Start-CSS-Datei aufgerufen.

Lösungsansätze des @import-Problems
Um dieser Fehler bei der Page Speed Analyse zu beseitigen, kann man zwei verschiedene Lösungsansätze heranziehen. Zum einen können alle CSS-Dateien zu einer einzigen CSS-Datei verschmolzen werden. Dann braucht auch nur eine einzige CSS-Datei eingebunden werden.
Alternativ werden alle CSS-Dateien einzeln eingebunden. Die verlängert zwar den HTML-Quellcode, dafür ist der angezeigte Fehler beseitigt.

Das Abstellen des @import-Fehlers ist nur für offene Webseiten empfehlenswert. Für einen geschlossenen Adminbereich kann der @import-Befehl auch weiterhin für CSS-Dateien genutzt werden.