Contao für Google Page Speed optimieren

[Chriz2010]

ja die Punkte ändern sich mit der Zeit. (screenshot)
Zeit zwichen den screenshots sind ca. 20min
01.jpg02.jpg
edit: jetzt ist er noch auf 94 gestiegen

[jan.theofel]

Hi,

auf welcher Domain tritt dieser Effekt denn auf? Ich würde auch darauf tippen, das was im Cache liegen bleibt, was sich später positiv auswirkt.

Jan

[Stranger]

Mal ne Frage an alle:
Ist es sinnvoll für jeden Hauptmenupunkt ein extra Seitenlayout anzulegen NUR damit man keine CSS-Eigenschaften lädt, die gerade nicht benötigt werden? Pagespeed meint, dass ich dann immerhin 14 Kb spare.
Vom Verwaltungsaufwand ists enorm, weil ich bei Änderungen am Layout statt einem Layout 7 Layouts oder so ändern müsste. Doch bringt es n Geschwindigkeitsvorteil oder is es gar langsamer, weil auf anderen Seiten dann ja wieder ne ganz andere CSS geladen werden muss, die nicht gecached ist??

Weiters empfiehlt Google in seinen Performance-Regeln, einen "Cache-control: public" Header mitzusenden, damit statische Ressourcen auch von öffentlichen Proxy-Servern (ISPs) gecached werden können:

Header append Cache-Control "public"

bzw. falls man zusätzlich auch noch die Cache-Zeit getrennt nach Dateityp festlegen möchte z.B.

<FilesMatch "\.(ico|jpg|jpeg|png|gif|swf)$">
  Header set Cache-Control "public, max-age=2592000"
</FilesMatch>
<FilesMatch "\.(css|js)$">
  Header set Cache-Control "public, max-age=604800"
</FilesMatch>

Wow, danke für diesen Beitrag! Das is ja göttlich. Allein das hat meinen Pagespeed Wert von 80 auf 84 erhöht. Und es bringt in der Praxis ja auch immens viel. Ich dachte immer nur, dass man die gesamte Seite cachen könnte. Aber das ist natürlich absoluter Mist, weil dadurch ja die Texte dann quasi ne Woche statisch sind, wenn keiner F5 drückt.

Frage noch dazu: Warum 1 Monat bei den Bildern etc. und nicht ebenfalls 1 Woche?

[Flex]

Ich denke das ist letztendlich eine subjektive Frage... Bilder ändern sich in der finalen Version einer Website selten.
JavaScript und CSS sind sehr viel häufiger Änderungen unterworfen, deshalb die unterschiedlichen Cache Zyklen.

[Stranger]

Ah ok danke für den Hinweis. Wo wir grad noch beim Thema CSS sind.

1. Wie werde ich die contao.css und die mediabox.css los, ohne updateunsichere Core-Änderungen?
2. Eine einzelne Überschrift auf Seite X hat eine andere Farbe und einen anderen Abstand als auf allen anderen Inhaltsseiten. Ist es dann besser...
A) ...es in der CSS-Datei zu deklarieren.
B) ...es direkt mit style-Attribut im Template bzw. TinyMCE anzugeben?

Nachteil bei A ist halt, dass die Deklarierung sinnloserweise für jede Unterseite der Website mitgeladen wird.

[xchs]

1. Wie werde ich die contao.css und die mediabox.css los, ohne updateunsichere Core-Änderungen?

siehe dazu #69 ff.

[Stranger]

Nicht ganz :P Ich will sie nicht zusammenfassen, sondern ganz weg haben.

[Flex]

Du legst dir eine Version deiner eigenen fe_page.tpl an und entfernst folgenden Aufruf:

<?php echo $this->framework; ?>

[jan.theofel]

Hi,

Nicht ganz :P Ich will sie nicht zusammenfassen, sondern ganz weg haben.

Die aktuelle Version der Erweiterung holygrail bietet die das an: Du nimmst die Datei (dort holygrail.css nicht contao.css) und im importierst sie ins Backend. (Wenn gewünscht.) Anschließend stellst du im Seitenlayout ein, dass die nicht mit geladen werden soll und bindest statt dessen die importierte Datei ein.

Selbiges unterstützt die Erweiterung auch für Inline-CSS: Einmal anlegen lassen, rauskopieren in das eigene CSS, Checkbox setzen, dass es nicht mehr mit integriert werden soll.

Jan

[jan.theofel]

Hi,

Mal ne Frage an alle:
Ist es sinnvoll für jeden Hauptmenupunkt ein extra Seitenlayout anzulegen NUR damit man keine CSS-Eigenschaften lädt, die gerade nicht benötigt werden? Pagespeed meint, dass ich dann immerhin 14 Kb spare.
Vom Verwaltungsaufwand ists enorm, weil ich bei Änderungen am Layout statt einem Layout 7 Layouts oder so ändern müsste. Doch bringt es n Geschwindigkeitsvorteil oder is es gar langsamer, weil auf anderen Seiten dann ja wieder ne ganz andere CSS geladen werden muss, die nicht gecached ist??

Google macht dir auch Vorschläge, die nicht immer sinnvoll sind oder einfach zu viel Arbeit erzeugen. Du musst nicht alles umsetzen. Ich würde empfehlen einige Layoutgruppen anzulegen, die sich grundlegend unterscheiden (z.B. Startseite, normale Seite, Newsartikel/Blogeintrag) und die dann mit extra CSS auszustatten.

Frage noch dazu: Warum 1 Monat bei den Bildern etc. und nicht ebenfalls 1 Woche?

Weil Google es so vorgibt. ;-) Macht auch durchaus Sinn: Bilder kannst du wenn nötig einfach durch ein neues Bild unter neuem Dateinamen austauschen (du musst es eh komplett neu hochladen...) und hast die Änderung sofort. Bei CSS machst du eher kleiner Änderungen in der Datei.

Jan

[Stranger]

Guck ich mir bei Gelegenheit mal an, habs jetzt erst mal mit der Framework-Löschen-Methode gelöst ^^ Besten Dank an Flex.

Stimmt, man kann ja das Bild unter nem neuen Namen hochladen. Aber hab es trotzdem mal auf 1 Woche gesetzt, da die Nachteile etwas überwiegen.
Bei ner viel besuchten Plattform is 1 Monat aber besser.

Hab jetzt dank dieser Geschichte und CDN n Page Speed auf der Startseite von 96 (ganz am Anfang 78) und auf der restlichen Seite 93 (ganz am Anfang 69). Echt genial und man spürt den Speed auch deutlich. Besten Dank an alle und vor allem an Leo.

Etwas negatives ist mir aber noch aufgefallen, wenn man n bestimmten CSS-Selector einsetzt:

a[href^="http://"]

Das funktioniert jetzt nicht mehr so wie gewünscht, da durch das CDN jetzt ebenfalls die Bildlinks angesprochen werden. "www" kann man nicht noch dran scheiben, weil dann beispielsweise wikipedia-Links nicht mehr funktionieren

[hobby-fotograf]

output-Filter

Hallo liebe Community,

habe nun sehr interessiert eure Beiträge zum Thema Contao SEOptimierung verfolgt, und möchte nun auch gerne meine Seite im Bezug auf PageSpeed verbessern.
Aktuell habe ich bei der Seite www. physiosigl .at einen Wert von 86, wobei ich diesen nun gerne verbessern möchte.

Das Problem, welches ich aktuell habe ist, ich weiß nicht wie ich einen Output-Filter hinzufüge, bzw. wie ich den outputFrontendTemplate-Hook verwenden kann (http://www.contao.org/blog-leser/ite...ptimieren.html)

Hätte dazu nun 3 Subdomains angelegt: st1.physio sigl.at st2.physio sigl.at und st3.physio sigl.at

Danach hätte ich dann den folgenden Code unter /system/config/localconfig.php eingebaut:

public function myaddStaticUrl($strText, $strTemplate)
{
 if ($strTemplate != 'fe_page')
 {
  return $strText;
 }
 
 $arrSearch = array
 (
  '="tl_files/',
  '="system/',
  '="plugins/',
 );
 
 $arrReplace = array
 (
  '="http://st1.physiosigl.at/tl_files/';
  '="http://st2.physiosigl.at/system/';
  '="http://st3.physiosigl.at/plugins/';
 );
 
 return str_replace($arrSearch, $arrReplace, $strText); 

Doch leider liefert mir dieser folgendes Problem:
Parse error: syntax error, unexpected T_PUBLIC in /home/www/web278/html/system/config/localconfig.php on line 58

Gehört also der Code möglicherweise gar nicht da rein?
Habe dazu leider keinen Hinweis gefundne, wo dieser output-filter eingefügt werden muss, bzw. wie ich das anstelle.

Würde mich über eure Hilfe sehr freuen!

Liebe Grüße, Alex!

[Babelfisch]

Tausche folgenden Code aus:

 $arrSearch = array 
 ( 
  '="tl_files/', 
  '="system/', 
  '="plugins/'
 ); 
  
 $arrReplace = array 
 ( 
  '="http://st1.physiosigl.at/tl_files/',
  '="http://st2.physiosigl.at/system/',
  '="http://st3.physiosigl.at/plugins/'
 ); 

Du hast im zweiten Array Semikolons benutzt, wo Kommas hin müssen.

Gruß

[xchs]

Gehört also der Code möglicherweise gar nicht da rein?

Nein, das ist nicht die richtige Stelle dafür!

Habe dazu leider keinen Hinweis gefundne, wo dieser output-filter eingefügt werden muss, bzw. wie ich das anstelle.

Der Hinweis dazu steht u.a. in Beitrag #4! Du solltest ein eigenes Modul daraus machen und dort den outputFrontendTemplate Hook in der "config.php" registrieren, damit Contao ihn auch entsprechend berücksichtigen kann.

[mike_mcfly]

Noch ein interessanter Ansatz

Siehe:

http://headjs.com/