Offen (Nach-)ladeverhalten des Shops in verschiedenen Browser

[pgjan]

Hallo zusammen,

Ich möchte einmal auf ein Thema zu sprechen kommen, das mich leider gerade echt zum Grübeln bringt.

Seitdem ich mich im JTL Shop ein wenig mit CSS und Templates beschäftigt habe, fällt mir ein seltsames Nachlade-Verhalten der Website auf. In Chrome ist es bei mir sehr häufig so, dass beim Anklicken von Links (Kategorien, Artikel etc.) im Shop, die komplette Seite neu lädt und damit ein Blinken entsteht. Für einen Bruchteil einer Sekunde ist also eine komplett weiße Seite zu sehen.
Nutze ich jedoch den Firefox oder den Internet Explorer ist das Nachladen der Seite kaum zu beobachten. Mit Chrome hat es auch schonmal für ganz kurze Zeit korrekt funktioniert.
Richtig aufgefallen ist mir das Phänomen auch erst beim Einsatz eines Custom-templates. Beim JTL-Tiny-Template scheint es nicht so oft aufzutreten? Dabei sollte ein Template das AJAX-Gerüst nicht wirklich verändern, oder?
Irgendein Problem scheint Chrome damit jedenfalls zu haben.

Ich nehme an, dass es wirklich so sein soll, dass nur die aktualisierten Bereiche des Shops nachgeladen werden sollen, richtig? So kenne ich es jedenfalls von nahezu jeder anderen Website.
Vielleicht kann ja mal einer von den "alten Entwickler-Hasen" etwas dazu sagen oder hat schon ähnliche Erfahrungen gesammelt?

Um das Alles zu verdeutlichen, habe ich einen Screencast aufgezeichnet. Die Qualität des Bildes ist zwar schlecht, man kann aber ganz gut erkennen, was gemeint ist. In den ersten 25 Sekunden nutze ich Firefox und die Seite verhält sich so, wie gewünscht. Dann wechsle ich auf Chrome und das komplette Nachladen der Seite ist zu beobachten:
https://www.dropbox.com/s/k5lnk83kzqtcbbf/jaytiell.mp4?dl=0

Link: http://goo.gl/yi992a

Vielen Dank schonmal!

 

[casim]

AW: (Nach-)ladeverhalten des Shops in verschiedenen Browser

schalte mal in den Template-Einstellungen die "Komprimierung von Javascript und Stylesheets" auf "JA"

Danach mal TemplateCache leeren (Plugin), BrowserCache leeren, ObjectCache leeren

 

[martinwolf]

AW: (Nach-)ladeverhalten des Shops in verschiedenen Browser

Ich nehme an, dass es wirklich so sein soll, dass nur die aktualisierten Bereiche des Shops nachgeladen werden sollen, richtig? So kenne ich es jedenfalls von nahezu jeder anderen Website.
Vielleicht kann ja mal einer von den "alten Entwickler-Hasen" etwas dazu sagen oder hat schon ähnliche Erfahrungen gesammelt?

Ich kenne kein JTL Template was nur die zu aktualisierenden Bereiche neulädt. Es wird immer die komplette Seite neu geladen. Ausnahme macht hier der Shop bei der Auswahl einer Variationskombination wo expliziet nur die Artikeldetails neugeladen werden. Von daher ist dein beschriebenes Verhalten kein Fehler sondern absolut normal. Scheinbar bauen IE und Firefox die Seiten schneller oder intelligenter auf als Chrome sodass ein "Blinken" nicht mehr entsteht.

 

[pgjan]

AW: (Nach-)ladeverhalten des Shops in verschiedenen Browser

Okay, das ergibt Sinn.
Ich habe die Minify-Option aktiviert und es hat dann auch für Chrome funktioniert. Heute habe ich dann eine aktualisierte Version des Templates eingespielt und jetzt geht es mit Chrome und Minify wieder nicht.

Im Seitenquellcode hat sich im head der Seite rein gar nichts geändert, speziell im Minify-Abschnitt auch nicht. Ein Rollback auf die gestrige Version des Templates mit aktiviertem Minify funktioniert in Chrome auch nicht mehr. Ich steh da echt ein wenig auf dem Schlauch.

Neben dem Minify-Code im head werden noch einige wenige css-Dateien und Javascripts zusätzlich eingebunden. Kann dies das Verhalten verursachen?
Aber auch im Standard-Tiny-Template sind noch nicht-minifizierte Dateien zu finden. Hier lädt Chrome aber nicht immer die ganze Seite neu.

<link type="text/css" href="templates/JTL-Shop3-Tiny/themes/dark/theme.css" rel="stylesheet" media="screen" />
<script type="text/javascript" src="includes/libs/xajax_0.5_standard/xajax_js/xajax_core.js" charset="UTF-8"></script>

Gibt es noch weitere Tipps?

 

[casim]

AW: (Nach-)ladeverhalten des Shops in verschiedenen Browser

Ich kenne kein JTL Template was nur die zu aktualisierenden Bereiche neulädt.

Es ist keine Frage vom Template sondern von der minify-Einstellung UND der Browsereinstellung.

@pgjan
ich kann das verhalten im demoshop von JTL unter Firefox reproduzieren, WENN ich in FF/Firebug hingehe und bei "Netzwerk" die Verwendung des Browsercache deaktiviere (komplette Seite wird neu geladen) bzw. Browsercache aktiviere (nur geänderte Inhalte werden neu geladen)

Hast du in Chrome eventl. den Browsercache deaktiviert??

 

[pgjan]

AW: (Nach-)ladeverhalten des Shops in verschiedenen Browser

Es ist keine Frage vom Template sondern von der minify-Einstellung UND der Browsereinstellung.

@pgjan
ich kann das verhalten im demoshop von JTL unter Firefox reproduzieren, WENN ich in FF/Firebug hingehe und bei "Netzwerk" die Verwendung des Browsercache deaktiviere (komplette Seite wird neu geladen) bzw. Browsercache aktiviere (nur geänderte Inhalte werden neu geladen)

Hast du in Chrome eventl. den Browsercache deaktiviert??

Hi casim,

Nein, ich habe den Cache von Chrome nicht deaktiviert und habe es auch an verschiedenen PCs/VMs getestet. Auch mit einer frischen Chrome-Installation tritt das Verhalten auf. Mit Firefox und dem IE funktioniert alles wie gewollt.
Seltsamerweise hat es ja gestern nach dem Aktivieren von Minify funktioniert, heute wiederum nicht.

 

[casim]

AW: (Nach-)ladeverhalten des Shops in verschiedenen Browser

ich habs gerade noch mal aktuell mit Chrome auf dem JTL-Demoshop getestet.
Da bleiben "statische" Inhalte auch konstant stehen bei einem Seitenwechsel

 

[pgjan]

AW: (Nach-)ladeverhalten des Shops in verschiedenen Browser

ich habs gerade noch mal aktuell mit Chrome auf dem JTL-Demoshop getestet.
Da bleiben "statische" Inhalte auch konstant stehen bei einem Seitenwechsel

Ja, bei mir funktioniert es mit dem Tiny-template und Chrome auch. Magst du mal mit Chrome auf meinen Shop gehen? Im ersten Beitrag steht eine goo.gl-URL.

 

[casim]

AW: (Nach-)ladeverhalten des Shops in verschiedenen Browser

Ja du hast recht.
Bei deinem Template wird nichts im cache gehalten und jede Seite kpl. neu geladen.

bei mir funktioniert es mit dem Tiny-template und Chrome auch

spricht dafür, dass es nicht an irgendwelchen zentralen Server-Einstellungen (wie htaccess, etc.) liegt ... was sagt denn dein Template-Hersteller dazu?

 

[WIMA Webdesign]

AW: (Nach-)ladeverhalten des Shops in verschiedenen Browser

Schau mal in deiner .htaccess ob hier evtl. die Werte bei max-age siehe unten auf 0 stehen oder sichere deine .htaccess und spiele die aus dem aktuellen 3.19 B5 zum Testen ein

<filesMatch "\\.(ico|pdf|flv|jpg|jpeg|png|gif|swf|jpe)$">
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>
<filesMatch "\\.(xml|txt)$">
Header set Cache-Control "max-age=216000, public, must-revalidate"
</filesMatch>
<filesMatch "\\.(html|htm|php)$">
Header set Cache-Control "max-age=1, private, must-revalidate"
</filesMatch>

 

[MichaelH]

AW: (Nach-)ladeverhalten des Shops in verschiedenen Browser

Ja du hast recht.
Bei deinem Template wird nichts im cache gehalten und jede Seite kpl. neu geladen.



spricht dafür, dass es nicht an irgendwelchen zentralen Server-Einstellungen (wie htaccess, etc.) liegt ... was sagt denn dein Template-Hersteller dazu?

Ist bei mir auch so - kann es ggf. an einem Plugin liegen ?

 

[casim]

AW: (Nach-)ladeverhalten des Shops in verschiedenen Browser

Ist bei mir auch so - kann es ggf. an einem Plugin liegen ?

Interessanter Ansatz ... pgjan, hast du Plugins installiert?

@Wima
Wenn es doch an znetraler Stelle liegen würde (htaccess) dann müsste das Problem ja in allen Templates auftreten ... oder?

 

[pgjan]

AW: (Nach-)ladeverhalten des Shops in verschiedenen Browser

Die .htaccess ist okay, habe sie testweise jetzt auch gegen die aus dem aktuellen Shop-Build ausgetauscht. Max-Age-Einträge passen und ich würde auch sagen. dass diese Einstellung templateübergreifend gültig wäre.

Plugins habe ich nicht installiert bzw. deaktiviert.

Ja du hast recht.
Bei deinem Template wird nichts im cache gehalten und jede Seite kpl. neu geladen.

spricht dafür, dass es nicht an irgendwelchen zentralen Server-Einstellungen (wie htaccess, etc.) liegt ... was sagt denn dein Template-Hersteller dazu?

Der Templatehersteller sagt nur, dass das Reload-Verhalten des Shops normal sei. Im Grunde hat er ja recht, aber dass sich das mit Chrome so äußert, finde ich nicht akzeptabel.

 

[pgjan]

AW: (Nach-)ladeverhalten des Shops in verschiedenen Browser

So, es wird immer seltsamer:
Ich habe rein gar nichts mehr geändert und trotzdem scheint Chrome jetzt die Seite korrekt zu cachen???

 

[pgjan]

AW: (Nach-)ladeverhalten des Shops in verschiedenen Browser

So, ich habe das jetzt in den Griff bekommen. Auf meinem Webserver war das PHP-Modul "mod_headers" nicht aktiv, weswegen die oben genannten max-age-Einträge in der .htaccess nicht gegriffen haben.
Jetzt scheint es zu funktionieren. Warum es zwischenzeitlich trotzdem mal richtig funktionierte, ist mir nicht klar geworden.
Danke an Alle für die Hinweise!