Was aber so einige CSS Künstler nicht bedenken - ein Browser muss für jeden Absatz, jeden Inhalt die CSS durchgehen ob es dafür eine entsprechende Regel gibt oder nicht.
Das kostet Zeit und die läppert sich teils enorm.
Die Zeit ist zudem abhängig vom Client (Browser) und natürlich der Rechenleistung des Clientrechners.
Unter Firefox ab Version 11 gibt es die Möglichkeit sich die Verschachtelung der CSS dreidimensional anzeigen zu lassen.
Hier einmal die Ansicht einer aktiven Seite im Netz bei der unter dem Gesichtspunkt Speed so ziemlich alles falsch gemacht wurde:
Bereits bei dieser Ansicht kann man die teils enorme Verschachtelung erkennen, die ein Browser abarbeiten muss bevor er zur Sache kommen kann.
Unter FF kann man natürlich die Darstellung drehen und die Größe verändern und sich auch den HTML Quellcode anschauen der für ein Detail verantwortlich ist.
Wer nun meint das so etwas nur unbedeutende Folgen hat der irrt.
Neben den Faktoren Generierungszeit ,Datenmenge,Transferzeit, Anbindungen ist das Rendering ein ganz wichtiger Faktor.
Hier einmal die Amazon - Startseite von eben (Momentaufnahme).
Gut zu erkennen ist das die Verschachtelung ebenfalls eine ansehnliche Größenordnung hat aber anders struktuiert ist. Man versucht hier ganz klar die Verschachtelung dort zu reduzieren wo es dem Designer möglich erscheint. Der Erfolg ist dennoch verbesserungswürdig.
Und nun noch eine Seite die optimal struktuiert und dabei voll responsive ist:
Die Zeitunterschiede sind enorm.
Da sie abhängig sind vom Browser und Rechenleistung des Clients selbst ist klar, das schwächere Rechner und Browser länger brauchen um eine Seite darzustellen.
Das trifft insbesondere alle mobilen Empfangsgeräte.
Man sollte also auch bei der CSS versuchen diese möglichst einfach zu halten.
Nicht benötigte Teile sollte man entfernen.
Und bitte nicht für jeden Kleinkram eine CSS definieren.
Keine Kommentare:
Kommentar veröffentlichen