Redaxo, Pagespeed, GZIP und Cache

[decision]

Hallo,

im Zuge des immer stärker werdenden Google Ranking-Faktors Pagespeed möchte ich hiermit einmal eine Diskussion rund um die Möglichkeiten von und mit Redaxo starten.

Ranking-Faktor Pagespeed
Damit meint google die Ladezeit der Webseite. Je schneller, desto besser natürlich. Prüfbar ist dies mit dem Firefox-Plugin Pagespeed (muss jedoch vorher auch Firebug installiert sein).

GZIP
Ein Punkt, den Pagespeed vorschlägt, ist der Einsatz von GZIP. Jetzt habe ich in der master.inc.php gesehen das dort die Einstellung USE_GZIP möglich ist. Gibt es dazu eine Dokuseite? Konnte zu diesem Punkt leider nix finden.

CACHE
Ein weitere Punkt der in Pagespeed vorgeschlagen wird ist browser caching. Kann dazu auch die Einstellung USE_ETAG genutzt werden? Gibt es zu diesem Punkte eine Doku?

Ich fänd es klasse wenn man gemeinsam eine Art Übersicht, bzw. To-Do-Liste zu diesem Theme verfassen könnte. Natürlich braucht man dabei nicht auf die Ladezeiten der Bilder, JS, ..., eingehen, denn dies ist dann die Aufgabe des Webmasters. Aber was mit Redaxo an Einstellungen möglich ist, und wie man dies nutzen könnte, wäre sicherlich für einige interessant, bzw. könnte in den kommenden Monaten noch interessanter werden.

Danke und Gruß an alle
Frank

[toolboks]

eine sehr interessante Frage. Ich glaube, dass das viele interessieren wird.

[decision]

Es wäre schon wenn sich die Entwickler einmal bitte zu den Punkten USE_GZIP und USE_ETAG äußern könnten. Reicht das bloße einschalten in der master.inc.php zu oder muß noch mehr getan werden.
Oder gibt es eine Doku (PDF) dazu, bzw. kann schon jemand zu gemachten Erfahrungen/Herangehensweisen zu diesem Thema äußern?

Vielen Dank

[Ruediger.Nitzsche]

Grundlage wäre als erstes, dass der Server auch gzip unterstützt, was nicht generell der Fall ist.

Rüdiger

[Xong]

Beide Variablen ($REX['USE_GZIP'] und $REX['USE_ETAG']) können gesetzt werden und erzielen das erwartete Ergebnis.
Dabei wird beachtet, ob der Browser in seiner Anfrage entsprechende Angaben zum Clientencoding bzw. Cachekey macht und entsprechend darauf reagiert.

Mit anderen Worten: Wer´s möchte, schaltet´s ein und braucht sich nicht weiter drum kümmern. =)

[toolboks]

Das hat mir mein Provider auf Anfrage mitgeteilt:

>> Allerdings: Das Mod_gzip ist nicht mehr so vertreten bei dem Apache2.
>> Es steht also nicht mehr bei dem Paketsystem zur Verfügung.
>> Statt dessen ersetzt Mod_Deflate das mod_gzip.

[Marshall]

Guten Tag miteinander,
ist es Redaxoseitig eigentlich möglich ausgelieferten Bildern/Css etc ein höheres Expires-Datum zu geben? Momentan bekommen Dateien ca. 5h und das moniert Google Speed Page.

Oder ist das nur über eine serverseitige Einstellung möglich?

Viele Grüße

[Xong]

ist es Redaxoseitig eigentlich möglich ausgelieferten Bildern/Css etc ein höheres Expires-Datum zu geben? Momentan bekommen Dateien ca. 5h und das moniert Google Speed Page.

Oder ist das nur über eine serverseitige Einstellung möglich?

Normalerweise wird das über Servereinstellungen geregelt.
Eventuell kriegst du das über Angaben in der htaccess-Konifgurationsdatei hin.
Ansonsten müsstest du alle Ressourcen durch PHP schleifen und entsprechende Header setzen.

[Marshall]

Ah danke.

Für alle die das auch über die .htaccess machen wollen hier ein Beispiel:

Code: Alles auswählen

<IfModule mod_expires.c>
	ExpiresActive On
	ExpiresByType image/x-icon A2592000
	ExpiresByType application/x-javascript A2592000
	ExpiresByType text/css A2592000
	ExpiresByType image/gif A604800
	ExpiresByType image/png A604800
	ExpiresByType image/jpeg A604800
	ExpiresByType text/plain A604800
	ExpiresByType application/x-shockwave-flash A604800
	ExpiresByType video/x-flv A604800
	ExpiresByType application/pdf A604800
	ExpiresByType text/html A900
</IfModule>

2592000 = 1 Jahr
604800 = 1 Woche

Weitere Möglichkeiten/Infos sind hier zu finden:
http://www.askapache.com/htaccess/speed ... ching.html

Grüße
Marshall

[Marshall]

Hallo nochmals,
momentan hänge ich an einem Problem, dass mir ein Server *.js und *.css Dateien nicht komprimiert ausliefern will. Gerade bei der *.js Datei wäre mir das relativ wichtig.

Aus einem anderen Forum habe ich diesen .htaccess-Schnipsel:
http://www.uwserver.de/?p=16

Code: Alles auswählen

RewriteEngine On
RewriteBase /
RewriteCond %{HTTP:Accept-Encoding} .*gzip.*
RewriteRule ^files/(.*)\.js$ /files/$1.js.gz [L]
RewriteRule ^files/(.*)\.css$ /files/$1.css.gz [L]
AddEncoding x-gzip text.gz

Leider gibt mir Firebug dann eine Meldung wie diese zurück:

Fehler: Stylesheet blub.css wurde nicht geladen, weil sein MIME-Typ, “application/x-gzip”, nicht “text/css” ist.

Fehler: illegal character
Quelldatei: blub_min.js
Zeile: 1
Quelltext:
‹

Wie sage ich denn per .htaccess der css-Datei, dass sie eine text/css ist und der js-Datei ein text/javascript ist - anstatt application/x-gzip?

Hat jemand einen Tipp parat?

Viele Grüße


// Edit: Ah, ist jetzt gelöst über diesen .htaccess-Schnipsel

Code: Alles auswählen

AddEncoding gzip .gz
<FilesMatch ".js.gz$">
  AddType "text/javascript" .gz
</FilesMatch>
<FilesMatch ".css.gz$">
  AddType "text/css" .gz
</FilesMatch>
RewriteCond %{HTTP:Accept-encoding} gzip
RewriteCond %{REQUEST_FILENAME} .(js|css)$
RewriteCond %{REQUEST_FILENAME}.gz -f
RewriteRule ^(.*)$ $1.gz [QSA,L]

Alle css und js Dateien zusätzlich als komprimierte Dateien, auf den Webspace legen. Komprimieren kann man beispielsweise mit http://7-zip.de/ oder auch über php z.B:

Code: Alles auswählen

<?php
$jsFiles = glob('*.js');
foreach($jsFiles as $jsFile){
  $basename = basename($jsFile);
  $gzname   = $basename.'.gz';
  file_put_contents($gzname, gzencode(file_get_contents($basename),9));
}
?>

Grüße

[jdlx]

// Edit: Ah, ist jetzt gelöst über diesen .htaccess-Schnipsel

Moin Marshall,
interessanter thread, und danke für die rules.. nachdem ich letztens auch nen Tag lang mit diversesten Varianten JS/CSS komprimiert auszugeben rumgespielt, und letztlich genervt aufgegeben hatte, funktioniert deine Variante einwandfrei.. sehr geil!
Nettogewinn:

CSS: 30kb -> 8kb,
JS: 105kb -> 24kb

Kür: Nicht mehr manuell stuffen und dann noch je in einen JS/CSS request zusammenfassen.. ;)
lg,
Jan

[rob_bark]

Hallo,

ich habe eine Webseite so gzip:

im webseite/redaxo/index.php ganz oben hinter <?php:

Code: Alles auswählen

<?php
if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip')) ob_start("ob_gzhandler"); else ob_start();
...

?>

und dann im .htaccess:

Code: Alles auswählen

...
# compress text, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

# Or, compress certain file types by extension:
<Files *.html>
SetOutputFilter DEFLATE
</Files>

und eigentlich funktioniert es, die Webseite ist gut gezipt und funktioniert ohne Fehler, aber: auf einaml sind die Thumbnail im Medienpol nicht zu sehen. Ich kann die Medien im Medienpool hinzufügen, und die sind auch tatsächlich auf dem Webserver vorhanden, aber nicht zu sehen als Thumbnail im Medienpool. Wie kann man das reparieren?