So wie es ausschaut sind die Conditional Comments (CC) schlecht für die Performance einer Website. Im Artikel Conditional comments block downloads beschreibt der Autor, wie die Conditional Comments den parallelen Download weiterer Komponenten blocken.
Das heißt, der Browser wartet und tut so lange nichts, bis der Teil, der im CC referenziert bzw. eingebaut ist, abgearbeitet wird … so ähnlich wie bei einem Javascript. Das ist auch der Grund warum man die Javascripte nach Möglichkeit im Fußbereich der Website einbinden soll.
Die Lösung des Problems: man verzichtet auf die CC zu Gunsten von CSS-Hacks oder man baut vor den anderen CC einen leeren CC ein.
Wir arbeiten seit 20 Jahren mit WordPress und bieten diverse Dienstleistungen rund um das System an. Kontaktiere uns für weitere Informationen oder für ein Angebot.
[…] This post was mentioned on Twitter by Vladimir Simovic, Silvio Guder. Silvio Guder said: RT @TopsyRT: Conditional Comments und die Performance #css #html #optimierung #performance http://bit.ly/cP9OR3 […]
Aber ob diese Sekundenbruchteile den Kohl fett machen, bezweifel ich mal. Der Vorteil der CCs ist es ja, auf die nichtvaliden Hacks zu verzichten, und gezielt und v.a. übersichtlich bestimmte IE-Versionen anzusprechen.
Das überwiegt meiner Meinung nach die vielleicht eine halbe Sekunde längere Wartezeit beim laden der Seite.
@Wolfgang, @Webstandard-Blog,
ich persönlich werde deswegen auch nicht auf die CC verzichten, aber der Hinweis, dass man mit einem leeren CC das Problem umgeht finde ich nützlich.
Ich sehe das ähnlich wie Wolfgang, die Vorteile einer korrekten Darstellung der Inhalte im IE auf Basis von CC wiegt schwerer als der wirklich minimale “Zeitverlust”.
>> Die Lösung des Problems: man baut vor den anderen CC einen leeren CC ein.
Wie jetzt?
@Viktor,
ein leerer CC:
<!--[if IE 6]><![endif]-->Diesen am besten direkt unter das Doctype oder zumindest vor allen anderen CC unterbringen.
Hi, aber es würde ja nichts dagegen sprechen, wenn man den Ansatz des “leeren CC” nach der Doctype-Definiton verwendet oder sehe ich das falsch?
Damit hätte man auf der einen Seite eure Anmerkungen bzgl. der korrekten Darstellung im IE und auf deren anderen Seite auch den “Performancegewinn”, wenn man ihn den braucht, berücksichtigt.
Interessanter Test. Danke für den Link.
und was bewirkt das genau?
das ich doch dann einfach nur einer mehr?
Conditional Comments lassen sich bei einem WordPress-Theme wunderbar durch eine PHP-basierte Browserweiche zum Beispiel in der functions.php lösen. Zumindest theoretisch. Praktisch scheitert das allerdings dann, wenn man für WordPress ein Cache-Plugin verwendet (wie W3 Total Cache). Dann ist die Seite plötzlich nur noch für einen Browser optimiert.. Mit CC passiert das nicht…