Contao für Google Page Speed optimieren

[flom01]

HTML minify

Wie siehts mit dem optimieren vom HTML Output aus? Wie kann ich das am besten in Contao einbinden (mittels minify?) oder gibts da schon eine Lösung.
danke

[jan.theofel]

Hi flom01,

über den im Artikel auch eingesetzten outputFrontendTemplate-Hook kannst du natürlich auch den HTML-Code optimieren.

Jan

[zonky]

Hi,

erstmal Dank für das Tutorial und die Infos hier...

Mit den ersten Verbesserungen bin ich von 78 auf 84 gekommen und "hänge dort fest" die Verteilung auf mehrere Subdomains habe ich gemacht und die Daten werden von dort gezogen.

PageSpeed schlägt aber dennoch vor, die Dateien von einem Server ohne Cookies zu beziehen... jemand eine Idee was "falsch" läuft

Serve the following static resources from a domain that doesn't set cookies:

    * http://ajax.googleapis.com/ajax/libs/mootools/1.2.4/mootools-yui-compressed.js
    * http://cdn1.healthcare-knowledge.de/tl_files/hck/site/content/adv_medconf2010.png
    * http://cdn1.healthcare-knowledge.de/tl_files/hck/site/content/adv_pharmconf2010.png
    * http://cdn2.healthcare-knowledge.de/system/contao.css
    * http://cdn2.healthcare-knowledge.de/system/html/5521348013f19c0d.css
    * http://cdn2.healthcare-knowledge.de/tl_files/hck/theme/design/bg_body.gif
    * http://cdn2.healthcare-knowledge.de/tl_files/hck/theme/design/bg_container_shadow.png
    * http://cdn2.healthcare-knowledge.de/tl_files/hck/theme/design/bg_container_shadow_bottom.png
    * http://cdn2.healthcare-knowledge.de/tl_files/hck/theme/design/bg_header.png
    * http://cdn2.healthcare-knowledge.de/tl_files/hck/theme/design/bg_topmenu_shadow.png
    * http://www.healthcare-knowledge.de/tl_files/hck/theme/design/header_logo.png

Dank und Gruss

zonky

Nachtrag:
wieso wird das letzte Bild nicht "umgeleitet"? - ich habe ein Modul eigener HTML-Code mit

<div id="logo">
<a href="{{env::url}}">
<img src="/tl_files/hck/theme/design/header_logo.png" border="0" title="Start" alt="Start" />
</a>
</div>

hmm??

[jan.theofel]

Hi,

PageSpeed schlägt aber dennoch vor, die Dateien von einem Server ohne Cookies zu beziehen... jemand eine Idee was "falsch" läuft

Ich gehe davon aus, dass du während des Setups zu Teszwecken mal http://cdn1.healthcare-knowledge.de/ normal aufgerufen hast um zu sehen, ob das klappt. Dabei wurden dann Cookies gesetzt. Einfach diese löschen, dann sollte das weg sein. (Und sicherstellen, dass derartige Zugriffe immer auf die www-Version weiterleiten.)

Nachtrag:
wieso wird das letzte Bild nicht "umgeleitet"? - ich habe ein Modul eigener HTML-Code mit

Der einleitende / in dem src-Attribut ist das Problem. Nimm den einfach weg.

Jan

[zonky]

Danke für den Tipp bzw. die beiden Tipps...

Ich bin jetzt bei 87 Punkten - ich hatte gehofft, auf 90+ zu kommen :-(

Noch eine Frage: gibt es einen besonderen Grund, warum die contao.css nicht mit zusammengefasst wird?

Gruss zonky

ah...
auf 91 mit

<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>

geht noch mehr?

[jan.theofel]

Hi,

Noch eine Frage: gibt es einen besonderen Grund, warum die contao.css nicht mit zusammengefasst wird?

Ich hatte dazu ein Ticket gemacht, finde es aber gerade nicht mehr. Wir arbeiten für unsere eigene Webseite aktuell daran, dass die Holygrail-Erweiterung möglich macht. Die ist für SEO ohnehin sinnvoll zu installieren.

Jan

[zonky]

das hier ?

http://www.contao.org/erweiterungsliste/view/holygrail.10000009.de.html

[jan.theofel]

Hi,

exakt. Allerdings sind die notwendigen Anpassungen daran noch nicht freigegeben.

Dort wird aber immerhin nur noch eine CSS-Datei und nicht mehr per Browserweiche eine zweite geladen.

Jan

[zonky]

Frage:

ich habe auf einem anderen Server die gleichen Einstellungen versucht - wenn ich in die htaccess

<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>

schreibe, kommt einer 500er Fehlermeldung???

zonky

[zonky]

Antwort und erneute Frage:

* mod_headers ist nicht eingeschaltet - der Support sagt, geht nicht...
* Alternative zu mod_headers?

Gruss zonky

[xchs]

Antwort und erneute Frage:

* mod_headers ist nicht eingeschaltet - der Support sagt, geht nicht...
* Alternative zu mod_headers?

http://www.webmasterworld.com/apache/3657195.htm

[Nina]

Noch eine kleine Anmerkung: Wenn ihr ein anderes Main-Template als fe_page nutzt, müsst ihr den Aufruf im Hook natürlich anpassen. Ich bin gerade halb wahnsinnig geworden, weil ich das nicht bedacht hatte und mich wunderte, dass es partout nicht läuft

[jan.theofel]

Hi Nina,

als kleine Ergänzung: Am besten diese Abfrage für das Template verwenden:

if(strpos($strTemplate, 'fe_') === 0) 

Dann werden alle Frontend-Seiten-Template verwendet. Egal ob fe_page. fe_holygrail* oder was eigenes. Und beim Ändern des Templates muss man auch nicht mehr aufpassen. ;-)

Jan

[jan.theofel]

Hi,

einen kleinen Haken hat die Verwendung des Hooks leider noch: Inhalte, die per InsertTag reingeladen werden, kommen nicht in den Genuss der Ersetzung.

Das kann sogar zu "Punktabzug" führen: Wenn zweimal das gleiche Bild auf einer Seite genutzt wird, einmal direkt und einmal per Inserttag. Dann erkennt Google das man unnötig zweimal den gleichen Content lädt...

Jan

[Sares]

Hi Etes,

ich habe dazu bereits zwei Tickets geschrieben:

Zum einen ist mir aufgefallen, dass beim verwenden des Image Insert Tags kein width und height Wert beim Bild angezeigt wird, was Google ja auch nicht mag, siehe hier:

http://dev.contao.org/issues/2529

und meine zweite Beobachtung war, dass der Hook bei Insert Tags nicht greift, siehe:

http://dev.contao.org/issues/2530

Allerdings hat Leo leider noch nicht darauf reagiert, ist aber im Moment auch viel los im Tracker...

Beste Grüße
Sares