Nex4t hat
die beste Lösung hierfür gepostet.
Es wird wirklich empfohlen das CSS generell auszulagern und auch nur
in eine CSS-Datei.
Manche Website-Betreiber sind der Meinung die müssten für jede Auflösung eine CSS-Datei erstellen, wenn Sie ein Responsive Design erstellen möchten. Das äußert sich natürlich in der Ladegeschwindigkeit da mehrere Dateien geladen werden anstelle von einer CSS-Datei.
Grundsätzlich speichert dein Browser die jeweilige CSS im Cache, so dass der Browser nicht bei jeder Textseite die CSS neu laden muss um die Ladezeit gering zu halten, weil logischerweise die CSS sich nicht ändert sondern nur Inhalte wie Bilder und Texte - das weiß Google und berücksichtigt das (allein schon wegen Chrome) und straft die jeweiligen Websites ab.
Also CSS- und JS-Daten gering halten. Dabei weniger JS-Kram, da sie meist Spielerreien sind und die Performance stören, bei CSS alles in eine Datei und bevor ihr sie hochlädt noch die Leerzeilen entfernen, spart nochmals Kilobytes ein, was Google mag.
Weniger Bytes = schnellere Ladezeit.