Google drängt Webmaster zur Eile (Seite 7)

lwulfe schrieb:

Hallo zusammen,

habe mich heute noch mal mit dem Page Speed Tool von Google beschäftigt.
Eine Sache habe ich trotz nachlesen nicht kapiert:
Use efficient CSS Selectors

* html body *
Universal key with 3 descendant selectors
#left .rgtabs-menu li.rgtabs-selected a
Tag key with 3 descendant selectors and Class overly qualified with tag
.rgtabs-menu li.rgtabs-selected a
Tag key with 2 descendant selectors and Class overly qualified with tag
#submenu li ul li a
Tag key with 4 descendant selectors
#submenu li ul li strong
Tag key with 4 descendant selectors
...
Kann mir das vielleicht einer von euch kurz erklären?

Hallo Lutz

Erst mal solltest du dir dies durchlesen!

www.css4you.de/wscss/css04.html

childselector??

Gibt es !

www.css4you.de/wscss/css04.html

Hallo Ladezeit-Optimierer,

mir ist möglicherweise die Neuerfindung des Rades eingefallen: Google misst ja wohl die Ladezeit der Startseite, nur der Startseite. Eine Site kann doch sicher mehrere css-Steuerdateien haben (ich weiss das nicht sicher, bitte nicht auslachen...)
Wenn dem so ist: Die Startseite bekommt eine separate css-Datei, in einer oder weiteren css-Dateien stehen die css-Anweisungen für die weiteren html-Dateien.
Das wird für mehr Tempo bzw. für kürzere Ladezeiten sorgen, sofern die Startseite relativ frei ist von flimmer-blink-auf/zu usf. Liege ich ganz falsch? Fritz

georg123 schrieb:

Hallo Ladezeit-Optimierer,

mir ist möglicherweise die Neuerfindung des Rades eingefallen: Google misst ja wohl die Ladezeit der Startseite, nur der Startseite.

Hallo Fritz, dem ist nicht so. Google misst alle Seiten. Du musst leider nach einer neuen Erfindung des Rades suchen.

hansen

hansen schrieb:

georg123 schrieb:

Hallo Ladezeit-Optimierer,

mir ist möglicherweise die Neuerfindung des Rades eingefallen: Google misst ja wohl die Ladezeit der Startseite, nur der Startseite.

Hallo Fritz, dem ist nicht so. Google misst alle Seiten. Du musst leider nach einer neuen Erfindung des Rades suchen.

hansen

... aber mit dem "mehrere *.css und flimmer-blink-auf/zu hat er schon Recht!

webcreator schrieb:


... aber mit dem "mehrere *.css und flimmer-blink-auf/zu hat er schon Recht!

Das schon, hat aber eigentlich nur wenig mit seiner Idee zu tun.

hansen

romacron schrieb:

hier noch die strg+c von google

Use class selectors instead of descendant selectors.
For example, if you need two different styles for an ordered list item and an ordered list item, instead of using two rules:

ul li {color: blue;}
ol li {color: red;}

You could encode the styles into two class names and use those in your rules; e.g:

.unordered-list-item {color: blue;}
.ordered-list-item {color: red;}

Die Empfehlung von Google scheint mir im Sinne von "Eile" nicht sehr stichhaltig. Die Verwendung von "classes" bläht den Quellcode um einiges auf - insbesondere wenn auch noch so lange Bezeichnungen gewählt werden. Dagegen ist die zusätzliche Zeit, die ein vernünftiger Browser für die richtige Darstellung braucht, gar nichts.

Gérard

georg123 schrieb:

... Eine Site kann doch sicher mehrere css-Steuerdateien haben (ich weiss das nicht sicher, bitte nicht auslachen...)

Nicht nur eine (ganze) Site, auch eine einzelne Seite.

georg123 schrieb:

Wenn dem so ist: Die Startseite bekommt eine separate css-Datei, in einer oder weiteren css-Dateien stehen die css-Anweisungen für die weiteren html-Dateien.

Da steckt schon ein gewisser Ansatz drin. Jede Seite sollte nur das bekommen, was sie auch braucht. Andererseits wird beim Aufruf einer weiteren Seite der selben Site normalerweise das css aus dem Cache genommen. Das führt zu dem Ansatz alle Anweisungen, die für alle Seiten gelten in eine ccs-Datei zu packen, die immer geladen wird (oder schon da ist) und zusätzliche Angaben, die sich nur auf eine einzelne Seite beziehen in eine weitere Datei zu packen, die nur mit der jeweiligen Seite aufgerufen wird. Ich habe Beispiele dafür, wo es für jede Seite eine Reihe unterschiedlicher "id"s gibt, die - stünden sie alle in einer Datei - nicht nur die css-Datei erheblich dicker machen würden. mir würden auch die sinnvollen kurzen Bezeichnungen ausgehen (die ich so mehrfach verwenden kann).

Gérard

Hallo

Dieses Geschwindigkeitstool von Google meckert nicht wenn man nur 2 CSS Dateien einsetzt!

Man müsste also praktisch so vorgehen das man ein CSS hat für alle Seiten und eins was man zusätzlich noch dazu lädt für jede einzelne Seite!

Ich bin mir aber auch noch nicht über meine Vorgehensweise ganz im Klaren. Zuerst einmal müsste ich noch abklären wie ich das mit dem Cache und E-Tags am besten hinbekomme! Und in der Hinsicht suche ich noch nach Informationen.

Und halt eben wie ich für die GZIP Komprimierung der CSS-Dateien sorge!
Also erst mal in Ruhe über alles nachdenken und testen was möglich ist und dann den Umbau vornehmen!

Gruß
Jörg