Informationen für CMS/made simple / HTML5 zwingt zu inline CSS

Re: HTML5 zwingt zu inline CSS

dummy@example.com (piratos) — Wed, 12 Oct 2011 08:29:02 +0000

mike-r schrieb:

Kann man das mal sehen? Wozu braucht's 1300 Zeilen CSS?

Wenn es fertig und online ist poste ich mal einen Link.
Formuliere mal allein animierte Buttons in drei Größen und drei verschiedenen Farben, dann siehst du was dabei heraus kommt.
Mach ein komplettes Template auf HTML5 und CSS3 und man weiß was man geschrieben hat.

Schmeiss mal die komplette CSS von bild.de in eine Seite und zähl mal die Zeilen, dann bekommst du eine Vorstellung was man so alles braucht, auch ohne HTML5 und CSS3 und das ist nur ein Beispiel.

Die Frage ist die ob man alles ausformuliert oder nicht.
Ich bin eigentlich ein Freund von minimalistischen Dingen mit maximaler Wirkung-
Manchmal muss es einfach mal eben mehr sein auch um zu sehen ob ein System das überhaupt leisten kann und da werden sich auch Autoren anderer Titel die Augen reiben, wenn sie eine solche Arbeit einmal machen würden.

Es fallen dann auf einmal Dinge im eigenen System auf die man korrigieren muss, aber auch bei Fremdlibs wie Smarty (da wird es in Kürze wieder eine neue Version geben, weil durch diese Arbeit eine heftige Sache entdeckt wurde).

Und es werden einem manche Dinge klarer wie die Forderung von Pagespeed CSS inline zu halten - die ist auf der einen Seite berechtigt und auf der anderen Seite offenbar sehr sinnig was HTML5 betrifft und Google fördert HTML5 auf Teufel komm raus und damit wird die Forderung zum Selbstzweck.

Das eigentliche Template ist übrigens relativ winzig.

Re: HTML5 zwingt zu inline CSS

dummy@example.com (mike-r) — Wed, 12 Oct 2011 01:56:27 +0000

piratos schrieb:

Ich bin gerade dabei ein umfangreiches HTML5 Template mit reichlich Features zu machen und das bedeutet aufgeblähte CSS, hier rund 1300 Zeilen.

Kann man das mal sehen? Wozu braucht's 1300 Zeilen CSS? Doppelst Du da -moz, -khtml & Co?
Aber selbst dann wüsst ich nicht, wie man bei einer halbwegs normalen Seite auf 1300 Zeilen kommen will.

Re: HTML5 zwingt zu inline CSS

dummy@example.com (piratos) — Tue, 11 Oct 2011 19:47:45 +0000

Für den Teil sind ausschliesslich die Browser selbst verantwortlich, da kann man nichts überoptimieren.

Hat sich auf diversen Servern reproduzieren lassen.

Re: HTML5 zwingt zu inline CSS

dummy@example.com (NaN) — Tue, 11 Oct 2011 18:54:22 +0000

Das ist aber dann echt megaschnell gerendert.
Überoptimiert würd ich sagen
Wovon hängt es ab, wie schnell die Seite gerendert wird?
Ich meine, kannst Du das auf jedem x-beliebigen Rechner reproduzieren?
Eine Seite, die fertig gerendert wird, bevor das Stylesheet geladen ist (und das auch noch lokal wohlbemerkt), das habe ich selbst bei sonst völlig leeren Seiten noch nicht erlebt.

Re: HTML5 zwingt zu inline CSS

dummy@example.com (piratos) — Tue, 11 Oct 2011 18:34:17 +0000

Einfach zu langsam - die Styles kommen, aber die Darstellung ist bereits durch, ein ganz seltsames Verhalten und das auf Chrome, FF und Safari - alles aktuelle Versionen.

Die Folge manche Dinge die umgerechnet werden müssen (CSS3) erschienen nicht wie erwartet , sind murks.

Re: HTML5 zwingt zu inline CSS

dummy@example.com (NaN) — Tue, 11 Oct 2011 18:19:57 +0000

piratos schrieb:

Zu meiner Verblüffung musste ich feststellen, das LOKAL , also kürzester Weg, externe CSS zu langsam ankommt um komplett verarbeitet werden zu können.

Ähm... und was genau heißt das?
Darstellung ohne Styles?
Darstellung bei der die Hälfte der Styles fehlt?
Oder einfach nur "zu langsam" nach Pagespeed-Regeln?

HTML5 zwingt zu inline CSS

dummy@example.com (piratos) — Tue, 11 Oct 2011 17:58:58 +0000

Ich bin gerade dabei ein umfangreiches HTML5 Template mit reichlich Features zu machen und das bedeutet aufgeblähte CSS, hier rund 1300 Zeilen.

Zu meiner Verblüffung musste ich feststellen, das LOKAL , also kürzester Weg, externe CSS zu langsam ankommt um komplett verarbeitet werden zu können.

Online Test's waren noch grauenvoller.

Einzige Abhilfe - CSS komplett Inline.