Anzahl verlinkter/importierter CSS-Dateien

Es ist heute problemlos möglich, Farben, Typografie, Bilder des Designs und weitgehend sogar das Layout einer Website in separaten CSS-Dateien (CSS = Cascading Style Sheet) zu speichern.

Pro Website können dabei mehrere CSS-Dateien verwendet werden. So lassen sich beispielsweise Design-Definitionen für Bildschirmpräsentation, Druckausgabe, mobile Geräte etc. in separaten Dateien ablegen, was die Wartbarkeit eines Systems erhöhen kann. Weiterhin lassen sich auch beispielsweise Farben, Typografie und Layout zwecks Ordnung und besserer Wiederverwendbarkeit in separaten Dateien ablegen. Damit können beispielsweise Farben und Typografie auf einer zweiten Website oder auch für kleine mobile Geräte übernommen werden, nicht aber das Layout.

Bei Websites wo die benötigte Bandbreite äusserst hohe Kosten verursacht und die Anfragen an die Webserver reduziert werden müssen, kann auch der gesamte CSS Code in einer stark komprimierten Datei abgelegt werden. Damit werden jedoch die Wartungskosten wiederum erhöht. Zur Reduktion der HTTP-Anfragen werden zum Teil auch Skripts eingesetzt, welche die CSS-Dateien am Schluss wiederum bündeln, was aber ebenfalls wiederum etwas mehr Webserver-Performance benötigt. Durch Testen kann hier die optimale Lösung ermitelt werden.
Da die Anzahl von externen Objekten auf einer Seite (Bilder, JavaScript, CSS etc.) die Performance negativ beeinflussen kann, empfiehlt es sich bei einer hohen Anzahl an externen Objekten über eine die Optimierung parallerer Downloads mit verschiendenen Hostnamen nachzudenken. Dies daher, weil die Browser im Normalfall den Empfehlungen der HTTP 1.1 Spezifikation folgen, welche 2 simultane Threads pro Hostnamen vorschlagen.
Siehe http://www.websiteoptimization.com/speed/tweak/parallel/

Zahlreiche Varianten sind möglich, die beste Trennung ist von Fall zu Fall zu eruieren. Ein grosser Vorteil ist, dass Webbrowser die CSS-Dateien nicht bei jedem Seitenaufruf neu Herunterladen, sondern diese im Cache zwischenspeichern.

Weiterführende Informationen:
http://de.selfhtml.org/css/formate/einbinden.htm#separat
http://www.thestyleworks.de/ref/at_import.shtml

Kommentare von Benutzern

1/31/2012 1:18:25 AM Administrator
Kommentare erwünscht
Wir freuen uns über alle Arten von Fragen, Kommentaren und Kritik wie beispielsweise:
  • Lob & Tadel
  • Ergänzungen
  • Meldung von (Schreib-)Fehlern
  • Meldung von toten Links
Wenn Sie nicht möchten, dass Ihr Kommentar unter Umständen publiziert wird, senden Sie uns doch eine E-Mail-Nachricht.
6/25/2010 11:32:02 PM
10/6/2010 6:24:27 AM Detlef Boesang
Verschiedene Medien in einer CSS-Datei
Hallo,

schade, dass man hier Punktabzug erhält, wenn man verschiedene Medien in nur einer CSS-Datei mit @media anspricht um Server-Requets zu sparen.

Ich habe natürlich auch eine Druckansicht. Diese wird in der selben CSS-Datei in dem Abschnitt @media print definiert. Da aber nun nur noch eine CSS-Datei benötigt wird, bekommt die Seite hier Punktabzug mit der Behauptung, es werden nicht verschiedene Darstellungsmöglichkeiten angeboten.

Meine Seite: http://idealseiten.de

Falsch! Schade!
1/7/2011 5:31:42 AM Christian Sturm
Pagespeed / Yslow
Nach GooglePagespeed und Yahoo YSlow ist die Erhöhung der Lookups ein Negativkriterium. Lieber Gruß Chris
1/8/2011 5:40:55 AM Markus Schneider
re: Pagespeed / Yslow
Hallo Chris
Genau, es ist eben zweischneidig und jeder Websitebetreiber muss für sich entscheiden, was in der konkreten Situation besser ist, wie im Text angemerkt. Lg Markus
2/15/2011 5:40:59 PM kaheti
gruselige Ergebnisse
Die Test hier sind wahrscheinlich was für'n Ar..... !!! Mit ein und der gleichen index.htm OHNE auch nur irgendwas verändert zu haben , bekommt man hier unterschiedliche Testergebnisse. Auch bei zwei Domains die auf die gleiche index.htm zielen , gibst erhebliche Unterschiede. Mal wird dies bemängelt ...ein anderesmal wieder was anderes .... Wenn die Tests nicht das wiedergeben können was man erwarten sollte, dann braucht man solche Seiten nicht wirklich. Da hilft auch die Ausrede das nur eine Maschine hinter den Tests steht nicht viel. Dann ist die Maschine eben ein Fall für die Generalüberholung. netten Gruß Kaheti
2/16/2011 4:10:53 AM Markus Schneider
Es wird nicht nur der HTML-Quelltext getestet
Hallo Kaheti
Es wird nicht nur der HTML-Quelltext der ersten Seiten getestet, sondern auch JavaScript, CSS, die robots.txt, diverse DNS-Einträge, Alexa Traffic Rank etc. insbesondere die letzten 2 resp. 3 Bereiche (jeweils mehrere Tests) sind abhängig von der Domain auf der sie laufen.
Auch kann es sein, dass beispielsweise der Alexa Web Service oder ein DNS Server einer getesten Website temporär ausfällt, was leider regelmässig vorkommt. In diesem Fall setzen wir den Test trotzdem fort resp. lassen diese Tests im aktuellen Umgang aus.
Gerne analysieren wir Deinen Fall für Dich. Sende uns dazu einfach eine Mail mit den URLs. Gruss Markus

1/6/2012 5:18:39 PM Snowy
pgSJqkbBGeKenPED
Ya learn sotmehing new everyday. It's true I guess!

Kommentar schreiben/Frage stellen

CAPTCHA Code Image Speak the code

News-Ticker

Jan 12: Brandneues SiteAnalyzer Video online
Lernen Sie den SiteAnalyzer (noch) besser kennen:
zum neuen Qualidator® SiteAnalyzer Video
Jan 12: Neues Forum auf XING
Neu gibt es zusätzlich zur Facebook Page auch ein Qualidator Forum auf XING. Wir freuen uns auf Ihr Feedback und spannende Kontakte.
https://www.xing.com/net/qualidator-projekt-forum
Nov 11: Entwickler gesucht
seven49.net/ Qualidator sucht laufend Software Engineer ASP.NET / Sharepoint wie auch Partnerfirmen, die solche Dienste anbieten.
Zum Stelleninserat
Sommer 2011: Umfragen
Mach mit bei unseren Umfragen und gewinne ein iPad 2 und andere tolle Preise:
http://myrating.polls.qualidator.com
http://siteanalyzer.polls.qualidator.com
Nov 10: Facebook Page
Bist Du bereits ein Qualidator® -Fan?
Besuch uns auf Facebook!
Okt 10: HTTP Komprimierung testen
Die HTTP Komprimierung kann neu direkt im SiteAnalyzer getestet werden. Dies auch mit verschiedenen Browsern resp. User Agents. Mehr Infos und einen Screenshot finden Sie unter Know-how - HTTP Komprimierung Gzip/Deflate testen
Sep 10: Kantonsranking
Schweizer-Kantonsranking der Fachzeitschrift "Computerworld" mit Hilfe von Qualidator.
Zum Artikel
Zum Kantonsranking
Jun 10: Qualidator für SmartPhones
Die Website wurde in den letzten Monaten stetig weiter fürs iPhone und andere SmartPhones optimiert. Probieren Sie es aus. Feedback willkommen.
Feb 10: Generators
Weltweite Qualidator® Generator-Studie: Welche Generators (Content Management Systeme, Editoren und Wikis) führen zu erfolgreichen Webauftritten?
Zur Studie
Sep 09: Websites der öffentlichen Hand

Pressemeldung:
2. Qualidator-Studie: Websites der öffentlichen Hand überzeugen mit Top-Qualität
Graubünden sticht im DACH-Vergleich Wien und Nordrhein-Westfalen aus
Zur Pressemeldung
Sep 09
Zweite Qualidator®-Studie: Die Webauftritte der eidgenössischen Departemente, der Kantone und der grössten Schweizerstädte im Vergleich zum deutschsprachigen Ausland
Download der Studie
Juli 2009

Das erste Qualidator® SiteAnalyzer Video ist online!
April 2009

Follow us on Twitter
März 2009

Neu: Qualidator-Ranking der Firmenwebsites der registrierten "Swiss Made Software"- Mitglieder. Swiss Made Software ist ein Label für schweizerische Software-Unternehmen, initiiert von Luc Haldimann.
März 2009

Neue kostenlose Tools für Sie!
März 2009

Schon gesehen? Neu gibt es auf Qualidator.com Branchen- und Gruppenratings. Diese werden nun laufend ausgebaut.
Februar 2009

Exklusiv und kostenlos - Kennen Sie den neuen Qualidator HTML Optimizer bereits?
Ein weiteres hilfreiches Tool für Sie!

Empfehlung: Vertiefte Website-Qualitätsanalyse

Empfehlung: Uptime Monitoring

Partner

  • SwissMadeSoftware
  • ZTPrentner IT
Copyright © 2009 seven49.net GmbH
Quelle: http://www.qualidator.com/Web/de/Know-how/Anzahl_verlinkterimportierter_CSSDateien.htm