Moinsen, ich habe derzeit eine Webseite, die schon responsive ist. Allerdings meckert PageSpeed Insights, dass mein Aufbau nicht optimal sei, da nach dem Laden das Aussehen noch einmal verändert wird. Dabei werden folgende CSS Dateien eingebunden:
- allgemeine CSS für Desktop-Version
- Änderung/Anpassung des allgemeinen CSS für Tabelts
- Anpassung für Handys
Dass Google da jetzt Probleme macht, macht für mich auch Sinn. Ich frage mich nur, wie ich alles sinnvoll aufteilen soll. Mir fallen da folgende Varianten ein:
- Für jede Webseite-Version eine eigene CSS-Datei,
- Für jede Version eine eigene Datei plus eine CSS Datei für alle Versionen mit allgemeinen Definitionen
[Nachtrag] Wie würde ich das mit den Media-Queries machen, max-width 480, max-width 1000 und min-width? Das Problem sehe ich dabei in einem Fall-Back für Geräte, die kein CSS 3 können. Hier müsste ja wieder ein extra Stylesheet eingebunden werden, wobei wir dann wieder bei dem Problem von PageSpeed Insights wären, oder?