Data-URLs in CSS dateien

klaus_b schrieb:

Technisch gesehen sollte ein Data-URL in einer CSS-Datei, z.B.: als Background-Image, kein Request sein. Oder doch?
Servus,
Klaus

Hallo Klaus,

ein Background-Image zählt schon als Request, wie normale Images auch.
Nur beim Favicon gibt es unterschiedliche Betrachtungsweisen. Bei manchen Tools
wird das Favicon nicht als Request gezählt.

Gruß
hansen

@hansen: sofern die Images als Data-URL eingebunden sind, ist kein zusätzlicher Request nötig, um sie zu laden, da sie ja wie eingebettete Bilder in einer E-Mail als base64 codierter Daten"stream" bereits im Quellcode enthalten sind.

Soweit ich es im Kopf habe, werden die Requests im Seitenreport3 direkt via Firebug-Plugin abgefragt. Data-URLs sollten in der Analyse also nicht als zusätzlicher Request gezählt werden. Seitenreport2 durchsucht die CSS-Dateien dagegen glaube ich nach Background-image-Angaben etc., weshalb hier ein zusätzlicher Request gezählt werden würde. Ich habe das aber gerade nicht genau im Kopf, da die Entwicklung dieser Analysen schon einige Zeit zurück liegt; schaue es mir nachher aber gerne nochmal kurz an, um genauere Infos geben.

Beste Grüße,
Matthias

seitenreport schrieb:

@hansen: sofern die Images als Data-URL eingebunden sind, ist kein zusätzlicher Request nötig, um sie zu laden, da sie ja wie eingebettete Bilder in einer E-Mail als base64 codierter Daten"stream" bereits im Quellcode enthalten sind.

Beste Grüße,
Matthias

Hallo Matthias,

Danke für die Erklärung. Dachte die Data-URL wird nur für SVG verwendet.

Gruß
hansen

Hallo Matthias,

seitenreport schrieb:
<snip>Data-URLs sollten in der Analyse also nicht als zusätzlicher Request gezählt werden.

Der Meinung war ich auch.

In einer meiner Seiten, habe ich zwei Background-Images, die ursprünglich als Grafiken mit Pfad angegeben waren, durch Data-URLs ausgetauscht. Bei der Analyse der Seite durch SR3 hat sich die Anzahl der Requests nicht verändert.
Das kann nun heißen, dass im CSS angegebene Grafiken generell nicht gezählt, oder Data-URLs als Requests betrachtet werden.

Servus,
Klaus

klaus_b@.NET über alles was an .NET und C# Spass macht.

Hallo Klaus,

die Requests werden direkt via Google Pagespeed Firefox Plugin abgerufen. Data-URLs werden also nicht als zusätzlicher Request gezählt. Allerdings wurden die Pagespeed + Request-Ergebnisse Deiner Website nicht live ermittelt, sondern aus dem Cache geholt, wodurch Deine Neuerung noch nicht berücksichtigt wurde.

Ich schalte den Pagespeed / Request Cache mal komplett ab, da veraltete Werte ab und an ja ziemlich verwirren können. Hierzu muss ich die Pagespeed-Automatisierung allerdings etwas umbauen, so dass die Pagespeed / Request Analyse im Seitenreport3 einige Stunden nicht funktionieren wird.

Beste Grüße,
Matthias

Hallo Matthias,

seitenreport schrieb:
<snip>Allerdings wurden die Pagespeed + Request-Ergebnisse Deiner Website nicht live ermittelt, sondern aus dem Cache geholt, wodurch die Neuerung noch nicht angezeigt wurde.

Cache und Gültigkeit. Das alte leidige Thema

Servus,
Klaus

klaus_b@.NET über alles was an .NET und C# Spass macht.

Die Modifikationen sind fertig und die automatische Firefox Pagespeed / Request Analyse ist wieder online. Die Daten werden nun Live (ohne jegliches Caching) ermittelt, so dass Änderungen an der Website nun auch direkte Auswirkungen auf die Pagespeed-/Request-Werte haben.

@Klaus: Sollte jetzt alles funktionieren bei Dir.

Beste Grüße,
Matthias

Hallo Mathias,

Super Job :thumbup:

seitenreport schrieb:
@Klaus: Sollte jetzt alles funktionieren bei Dir.

Jetzt zeigen die Maßnahmen JS-Union und minify, sowie die Data-URLs im CSS messbare Resultate

Servus und danke für die prompte Umsetzung,
Klaus

klaus_b@.NET über alles was an .NET und C# Spass macht.

klaus_b schrieb:

Jetzt zeigen die Maßnahmen JS-Union und minify, sowie die Data-URLs im CSS messbare Resultate

Perfekt!

klaus_b schrieb:

Servus und danke für die prompte Umsetzung,

Immer gerne.

Beste Grüße,
Matthias