PageSpeed / Browser Caching für .../javascript/thickbox.js

[Teichbau]

Hallo zusammen,
Google empfiehlt z.B. die Datei

http://meine Domain/templates/tb_modified eCommerce Shopsoftware_006/javascript/thickbox.js (2,5 Tage)

zu cachen. Nur wie führe ich das aus?
In der htaccess habe ich bereits u.a.

<IfModule mod_expires.c>
  ExpiresActive on
  ExpiresByType application/javascript    "access plus 1 year"

gesetzt. Das reicht offensichtlich nicht aus.
Wie muß ich was ausführen, sodass Google diese Datei nicht mehr reklamiert.

Ich bitte da um Eure Hilfe.

Gruß Torsten

Linkback: https://www.modified-shop.org/forum/index.php?topic=32152.0

[Matt]

Die sagt:
Der Mime-Type, den du in der .htaccess ansprichst ist nicht identisch mit dem Mime-Type, mit dem thickbox.js ausgeliefert wird.

Wenn du ne URL hast lässt sich das Problem besser eingrenzen.

[Teichbau]

Siehe links im Profil

[Matt]

Das stimmt doch aber. https://developers.google.com/speed/pagespeed/insights/ bemängelt das mittlerweile auch nicht mehr.

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

[Teichbau]

Bei mir werden 6 .js Dateien angezeigt:

Browser-Caching nutzen
Das Festlegen eines Ablaufdatums oder eines Höchstalters in den HTTP-Headern für statische Ressourcen weist den Browser an, zuvor heruntergeladene Ressourcen über die lokale Festplatte anstatt über das Netzwerk zu laden.
Nutzen Sie Browser-Caching für die folgenden cachefähigen Ressourcen:

    http://www.google-analytics.com/ga.js (2 Stunden)
    http://www.Meine Domain/…dules/add_2_cart/js/add2cart_ajax_mod.js (2,5 Tage)
    http://www.Meine Domain/…mplates/tb_modified eCommerce Shopsoftware_006/javascript/jquery.js (2,5 Tage)
    http://www.Meine Domain/…pt/royalslider/jquery.royalslider.min.js (2,5 Tage)
    http://www.Meine Domain/…lates/tb_modified eCommerce Shopsoftware_006/javascript/thickbox.js (2,5 Tage)
    http://www.Meine Domain/...modules/js/...Filter.js (2,5 Tage)

Soeben abgefragt - 12:35 Uhr
Wie kommt da der Unterschied zustande?

Gruß Torsten

[Matt]

Ah, da hatte ich wohl vorhin doppelt Tomaten auf den Augen.

Das Problem ist auch gar der Expire-Header, sondern der Cache-Control-Header. Der steht in der Tat noch auf 2,5 Tage.

Wird der weiter unten noch mal explizit gesetzt? Weil auch das 'private' ist ja nicht normal, das muss man ja auch explizit setzen.

[Teichbau]

Für den Bereich ist folgendes in der htaccess:

# BEGIN Cache-Control-Headers
<IfModule mod_headers.c>
<FilesMatch "\\.(ico|jpeg|jpg|png|gif|swf)$">
Header set Cache-Control "max-age=4592000, public"
</FilesMatch>
<FilesMatch "\\.(css)$">
Header set Cache-Control "max-age=2592000, public"
</FilesMatch>
<FilesMatch "\\.(js)$">
Header set Cache-Control "max-age=216000, private"
</FilesMatch>
#<FilesMatch "\\.(xhtml|html|htm|php)$">
#Header set Cache-Control "max-age=600, private, must-revalidate"
#</FilesMatch>
</IfModule>
# END Cache-Control-Headers

[Matt]

Das kann quasi alles weg, wenn die Expire-Einträge richtig gesetzt sind. Wenn du unbedingt Wert auf den private-Eintrag bei js legst, dann kannst du das ändern in

Code: [Auswählen]

Header set Cache-Control "max-age=31556926, private"aber ich wüsste nicht, warum man js-Files nicht auch von einem dazwischen sitzenden Proxy cachen lassen sollte.

[Teichbau]

Das war es gewesen.
Hat weitere 2 Punkte gebracht.
Matt, vielen Dank.
Gruß Torsten

[CodemasterD]

Das kann quasi alles weg, wenn die Expire-Einträge richtig gesetzt sind. Wenn du unbedingt Wert auf den private-Eintrag bei js legst, dann kannst du das ändern in

Code: [Auswählen]

Header set Cache-Control "max-age=31556926, private"aber ich wüsste nicht, warum man js-Files nicht auch von einem dazwischen sitzenden Proxy cachen lassen sollte.

Was genau heißt denn "Wenn die Expire-Einträge" richtig gesetzt sind"?

[LED-Profi]

Seit Monaten bin ich dran den pagespeed zu optimieren.
Auch mein Template-Entwickler hat kräftig mitgeholfen. von 70 auf 85 Punkte von 100.

Ich hab dann noch Css reduziert und Bilder komprimiert --> 90/100 Punkte

Stören tut mich immer noch die Meldung mit dem "Browser Caching nutzen".

Und hatte gehofft hier die Lösung zu finden.
Ich hab für den Test in der .htaccess alles zwischen <ifmodule mod_headers.c> bis
</ifmodule> mit # auskommentiert.
Gemäß dem Zitat von Matt: "Das kann alles weg"

Pagespeed nochmal laufen lassen. Ich traue meinen Augen nicht:

100/100 für Desktop-Abfrage.

Das musste ich hier einfach posten und hoffe es hilft dem einen oder anderen.

----- und jetzt der Nachtrag:  Die webseite ist auch nicht mehr erreichbar und deswegen die 100/100.

Also wieder zurück auf Los.
Nun hoffe ich also doch hier auf Unterstützung und dass jemand postet, was denn da wirklich stehen muss, damit das mit dem browser-caching  bei pagespeed ohne Fehlermeldung rennt.

Vielen Dank schon mal im Namen aller.

[swolfram [templatix]]

Es werden teils Inhalte von fremden Seiten geladen (Analytics, Käufersiegel). Da ist es nicht möglich, die Ablaufzeit einfach so zu manipulieren.

Für den Rest, probier es mal hiermit

Code: PHP  [Auswählen]

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 7 days"
</IfModule>
## EXPIRES CACHING ##

Aber ich verstehe nicht, warum Du so versuchst da hohe Werte zu erreichen, damit sich Google freut, aber Deinen Kunden bietest Du nichtmal eine mobile Variante an. Ich hätte die letzten Wochen lieber da investiert, statt in fiktive Testwerte.

[LED-Profi]

Hallo Wolfram,
du hast recht. Das Thema mobile friendly steht als nächstes an. Entweder investiere ich noch viel Zeit und versuche durch Schriftgrößenänderung und Abstände die Usability beim aktuellen Template zu erhöhen. Oder besser gleich auf ein neues responsive Template zu wechseln.

Da steht jedoch erst noch ein Serverumzug an. Somit hab ich dann ein Testsystem um ein neues Template zu konfigurieren. Zuviele Änderungen sind da schon eingeflossen, welche ich dann auch übernehmen muss.

Danke für deinen Beitrag. Die Expires sind schon auch in meiner .htaccess. Bin zwar kein Programmierer aber ich glaub mehr geht da auch nicht mehr und hängt mit dem Laden verschiedener Dateien aus dem Header oder Footer zusammen. Werde also deinem Rat folgen und meine Zeit in den nächsten Schritt investieren.  Ganz nach Pareto.

vG.

[swolfram [templatix]]

Es ist noch nicht alles 100% eingestellt bei den Expires. Prüfe nochmal den Code, den ich gepostet habe.

http://www.ledclusive.de/…privacy/jquery.socialshareprivacy.min.js (2,5 Tage)
http://www.ledclusive.de/…tes/i24-css-edv-SEO/javascript/jquery.js (2,5 Tage)
http://www.ledclusive.de/…s/i24-css-edv-SEO/javascript/thickbox.js (2,5 Tage)

Desweiteren sagt Pagespeed ja genug aus, was noch gemacht werden muss. Beispielsweise auch einfach mal den Rat befolgen und das CSS komprimieren um wieder einen Punkt abzuhaken auf der Liste

Aber korrekt... 80/20

[LED-Profi]

@Wolfram,

in meiner .htaccess sind zwei Abschnitte enthalten:

<IfModule mod_expires.c>
 ExpiresActive On
 ExpiresByType text/css "access plus 1 month"
 ExpiresByType text/javascript "access plus 1 month"
 ExpiresByType text/html "access plus 1 month"
 ExpiresByType application/javascript "access plus 1 month"
 ExpiresByType image/gif "access plus 1 month"
 ExpiresByType image/jpeg "access plus 1 month"
 ExpiresByType image/jpg "access plus 1 month"
 ExpiresByType image/png "access plus 1 month"
 ExpiresByType image/x-icon "access plus 1 month"
 </IfModule>

<ifmodule mod_headers.c>
 <filesmatch "\\.(ico|jpe?g|png|gif|swf)$">
 Header set Cache-Control "max-age=2592000, public"
 </filesmatch>
 <filesmatch "\\.(css)$">
  Header set Cache-Control "max-age=604800, public"
 </filesmatch>
 <filesmatch "\\.(js)$">
  Header set Cache-Control "max-age=216000, private"   
 </filesmatch>
</ifmodule>

Der obere Teil mit den expires ist fast identisch mit deinem Vorschlag, abgesehen dass du Jahre und bei mir standardmäßig Monate drin stehen. Ich hab das noch mit /jpg übernommen. Fehlte bei mir.

Versuch 1)
Austausch des Expire-Blocks gegen deinen --> Keine Änderung in der pagespeed-Abfrage

Versuch 2)
Zweiten Blog auskommentiert (heute funktioniert es und hatte gestern wohl was zuviel auskommentiert).
--> Punkte gehen auf 72/100 runter und die Fehlerliste in pagespeed wird länger.

Auch wenn Matt da meinte, dass man das "quasi weglassen kann", so zeigt es einen Nachteil, wenn es fehlt.

Somit bleibt es nun in meiner .htaccess wie hier gepostet. Ich denke um das zu beheben muss der Seitenaufbau der damit mit dem tollen Begriff "above the fold" zusammenhängt, weiter geändert werden.
Und da hat wohl der Template-Entwickler auch schon Pareto angesetzt.

Gut ist.