Respnosive Webdesign

[molily]

Hallo,

Und welche Umstände wären das? ;-)

Die habe ich in https://forum.selfhtml.org/?t=215390&m=1475087 zu schildern versucht, siehe auch die Links.

Könntest du bitte mal ein Beispiel aufzählen?

https://github.com/blog/1559-github-s-on-your-phone
Bspw. https://github.com/chaplinjs/chaplin (Man vergleiche Mobile-UA mit Desktop-UA)

Die Mobilansicht hat hier anderes HTML, CSS und JavaScript, und es gibt einen User-Agent-Switch. »Pfui!«, werden da viele sagen, oder gar »es gibt kein ›Mobile Web‹!«. Das halte ich so pauschal für unzutreffend. Die Mobilseite von GitHub ist (auf Mobile) weitaus schneller und besser bedienbar als die Desktop-Site, aber die Features der Desktop-Site will ich auch nicht missen.

So liegt bspw. die Größe von CSS Dateien durchweg unter 40KB und die Anzahl der Requests ziemlich konstant um 3,5.

CSS ist ja nur ein Faktor. Die Gesamtdatenmenge einer üblichen Desktop-Site ist frappierend. Das heißt nicht unbedingt, dass die Autoren etwas falsch gemacht haben – heutige Desktop-Sites sind eben inhaltlich und grafisch komplex und clientseitig dynamisch. Auf Geräten mit anderen Fähigkeiten und Eigenschaften will ich diesen ganzen Kladderadatsch nicht laden, dafür anderen Code.

Denn wenn ich bspw. eine Hintergrundgrafik per Data-URL in meine CSS Datei einbinde, dann wird diese dadurch zwangsläufig größer, dafür habe ich aber einen Request eingespart.

Ja. Das ist ein Argument für das dynamische, selektive Laden von Stylesheets.

Mathias