Wichtiges SEO-Kriterium: Ladezeit deines Shops

[DokuMan]

Hallo,
wenn ich das hier von DokuMan befolge.

[...]
Das ist das kleinste Problem.
Schreibe in die Datei "/smarty/plugins/outputfilter.note.php" statt:

Code: PHP  [Auswählen]

return $tpl_output.$cop;

einfach:

Code: PHP  [Auswählen]

/* strip whitespaces (i.e. compress HTML) */
$tpl_output =  preg_replace('!\s+!', ' ',$tpl_output);
return $tpl_output.$cop;

fertig. 

Dann geht Piwik nicht mehr, es werden keine Besucher mehr gezählt.
Gruß
Micha

Kann ich nicht nachvollziehen, habe beides erfolgreich im Einsatz...

[Accio]

Wenn, dann gleich so:

Code: PHP  [Auswählen]

<IfModule mod_deflate.c>
    # Insert filter
   SetOutputFilter DEFLATE

    # Insert filter on selected content types only
   AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript application/javascript application/x-javascript

    # Netscape 4.x has some problems
   BrowserMatch ^Mozilla/4 gzip-only-text/html

    # Netscape 4.06-4.08 have some more problems
   BrowserMatch ^Mozilla/4\.0[678] no-gzip

    # MSIE masquerades as Netscape, but it is fine
   BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html

    # Don't compress images
   SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ no-gzip dont-vary

    # or pdfs
   SetEnvIfNoCase Request_URI \.pdf$ no-gzip dont-vary

    # or binary archives
   SetEnvIfNoCase Request_URI \.(?:exe|t?gz|zip|bz2|sit|rar|iso|dia)$ no-gzip dont-vary

    # Make sure proxies don't deliver the wrong content
   Header append Vary User-Agent env=!dont-vary
</IfModule>

Soll das in die ".htaccess"?
Ach ja, wäre noch gut zu wissen in welche, in die unter "/templates/.htaccess" oder "/templates/xtc5/.htaccess"?

P.S.: Wenn es darum geht, CSS Dateien zusammenzufassen, meint damit "nur" Leerzeichen und Tabs raus zu nehmen?

[DokuMan]

[...]
Warum das Rad neu erfinden wenn man den trimwhitespace-Outputfilter von Smarty nehmen kann - oder gibt es einen Grund warum du das so machst?

in der includes/classes/Smarty_2.6.26/Smarty.class.php

Code: PHP  [Auswählen]

var $autoload_filters = array();

in

Code: PHP  [Auswählen]

    var $autoload_filters = array(
        'output' => array('trimwhitespace')
    );

und schon erledigt das Smarty selber.

Bei mir funktioniert das nicht, der Quelltext sieht aus wie vorher...
In der Smary-Debugkonsole sehe ich leider nicht, ob das Plugin geladen wurde.

[koshiro]

[...]
Ach ja, wäre noch gut zu wissen in welche, in die unter "/templates/.htaccess" oder "/templates/xtc5/.htaccess"?
[...]

Hallo Accio,
in der ".htaccess" vom Shop also nicht vom Template, sondern die im root Verzeichnis.
Das was dort rein kommt muss Du einfach testen welche Variante Du nimmst ob die von Dokuman oder von die andere. Obwohl die, die Du hier gepostet hast, bei mir zum Fehler führt. Von daher einfach testen.
Gruß
Micha

@Dokuman,
also bei mir geht dann nichts mehr bei Piwik, und ich nutze ja noch die normale Variante mit dem Javascriptcode in der "boxes.php" es werden keine Besucher mehr gezeigt.

[DokuMan]

@koshiro: Versuch mal statt dem normalen Code die "async" Variante, die ohnehin mehrere Vorteile hat: Piwik Tracking Code Generator v 0.1

[koshiro]

@Dokuman,
die Variante verursacht einen Fehler in der "boxes.php", wenn ich Sie so einbaue, wie den normalen Code.
Aber ich denke, dafür mache ich mal eher einen neuen Tread auf, da es ja eigentlich nicht hier her gehört.
Gruß
Micha

[Accio]

Gzip Zusatz ist nun in der ".htaccess" - wird von Pagespeed gleich wohlwollend angenommen (62 Punkte).

Das die großen Bilder relativ lange Ladezeiten haben versteh ja noch, aber warum ist das auch bei den Bildern der Fall die mal gerade 10kb haben?

[koshiro]

Hallo Accio,
nutze mal das Plugin YSlow, dort hast Du noch ein Tool mit drin "Smush It", das holt noch eine ganze Menge aus den Bilder raus, hatte ich gerade mal bei Dir gemacht.
Gruß
Micha

[Accio]

Mit dem SmushIT hab ich nochmals alle Bilder optimiert.

Den Nivo Slider habe ich mal testweise entfernt.

Insgesamt für die Startseite jetzt rund 560kb statt vorher 1,7MB.

Die Werte, die mir pingdom.com ausgibt sind zwar schon besser, ABER:

Warum braucht er ca. 1 Sekunde um die URL aufzurufen? Dürfte das nicht eigentlich max 0.2 Sekunden dauern?

Bei allen anderen Fakten gehe ich ja noch konform.

[Accio]

Nachtrag:
Ladegeschwindigkeit der Seite.

Ich hab alle Bilder komprimiert, die CSS und JS Files nach bestem Wissen und Gewissen angepasst, derzeit liegen wir bei ca, 2 Sekunden bei pingdom.com.
Gut? Nicht gut?

PageSpeed sagt, dass man der Gzip Komprimierung weitere 70& bei den Dateien einsparen könnte, jedoch habe ich einmal die Variante von Dokuman und die andere für gzip in die ".htaccess" eingebaut, doch eine Veränderung konnte ich, bzw. PageSpeed, nicht bemerken.

[koshiro]

Hallo Accio,
noch nicht gut.
Probiere mal den Code für die ".htaccess" von Dokuman oder von mir, weil da wird nichts komprimiert.
PageSpeed zeigt mir auf Deiner Seite 43 an. Dann nimm mal die komprimierten Dateien für CSS und Javascript die Pagespeed Dir vorschlägt als Option (Save). Du musst Sie dann nur in den richtigen Namen umbenennen und in das richtige Verzeichnis hochladen.
Gruß
Micha

[Accio]

Moment...

nicht, dass wir an einander vorbei reden.

Bei PageSpeed unter "expand all" -> "Komprimierung der folgenden Ressourcen" werden ja die 4-5 CSS und JS Dateien angezeigt, sind DAS die vorgeschlagenen "verbesserten" Dateien durch Pagespeed?
Muss ich diese hochladen?

Bin ich blind? Wo steht denn hier "Save"?

Oder guck ich woanders?

[ Für Gäste sind keine Dateianhänge sichtbar ]

[koshiro]

Nein direkt bei Perfomance hast Du einmal zwar Grün schon die CSS und Javascript Dateien.
Wenn Du da direkt raufklickst, siehst Du die einzelnen Dateien und am Ende davon steht "Save".

Und dann kannst Du noch das hier in Deine ".htaccess" rein machen, hilft auch:

Ich habe zum Beispiel noch das hier in der ".htaccess" drin.

Code: PHP  [Auswählen]

<IfModule mod_expires.c>
  ExpiresActive On
  ExpiresDefault "access plus 1 minutes"
  ExpiresByType text/html "access plus 1 minutes"
  ExpiresByType text/css "access plus 604800 seconds"
  ExpiresByType text/javascript "aaccess plus 604800 seconds"
  ExpiresByType text/plain "access plus 604800 seconds"
  ExpiresByType application/javascript "access plus 604800 seconds"
  ExpiresByType application/x-javascript "access plus 604800 seconds"
  ExpiresByType application/x-shockwave-flash "access plus 604800 seconds"
  ExpiresByType image/gif "access plus 604800 seconds"
  ExpiresByType image/jpeg "access plus 604800 seconds"
  ExpiresByType image/jpg "access plus 604800 seconds"
  ExpiresByType image/png "access plus 604800 seconds"
  ExpiresByType image/x-icon "access plus 604800 seconds"
  ExpiresByType image/ico "access plus 604800 seconds"
  ExpiresByType application/xhtml+xml "access plus 600 seconds"
  <FilesMatch ".*\.mhtml$">
    ExpiresActive Off
  </FilesMatch>
</IfModule>

#Turn ETagging off
FileETag none
 

Kann man aber bestimmt auch noch anders machen, aber es erfüllt den Zweck.
Gruß
Micha

[Tomcraft]

@Dokuman,
die Variante verursacht einen Fehler in der "boxes.php", wenn ich Sie so einbaue, wie den normalen Code.
Aber ich denke, dafür mache ich mal eher einen neuen Tread auf, da es ja eigentlich nicht hier her gehört.
Gruß
Micha

Poste das ruhig hier: ANLEITUNG: Google Analytics / Piwik mit IP Anonymisierung in den Shop einbinden

Grüße

Torsten

[ut2k3]

Bei mir funktioniert das nicht, der Quelltext sieht aus wie vorher...
[...]

Ich hab's gerade mal mit dem Trunk nachgestellt.

vorher:

Code: PHP  [Auswählen]

<div id="wrap">
    <div id="header">
        <div id="logo"><img src="/templates/xtc5/img/spacer.gif" width="400" alt="GeniesserEssig - Ihr Shop für hausgemachte Essige" /></div>
        <div id="search">
<form id="quick_find" action="http://shop.geniesseressig.de/advanced_search_result.php" method="get">
<table border="0" class="search_header" cellspacing="0" cellpadding="0">
     <tr>
          <td colspan="2"><strong>Suche:</strong></td>
     </tr>

nachher:

Code: PHP  [Auswählen]

<body><div id="wrap">
<div id="header">
<div id="logo"><img src="/templates/xtc5/img/spacer.gif" width="400" alt="GeniesserEssig - Ihr Shop für hausgemachte Essige" /></div>
<div id="search"><form id="quick_find" action="http://shop.geniesseressig.de/advanced_search_result.php" method="get">
<table border="0" class="search_header" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"><strong>Suche:</strong></td>
</tr>

Code liegt also komplett an und die Leerzeichen sind weg.

@Accio

das soll in die ".htaccess" im Shoproot. Dann sollten (sofern der Webserver das Modul für die Komprimierung geladen hat) die Typen komprimiert werden.