Bild wird bei jedem Klick neugeladen (HTML/Hugo)

[Rockhound]

Hallo,
es dreht sich um folgendes Projekt: https://hugo-seo.tk
Da teste ich gerade goHugo.io aus und ein paar andere Dinge.

Problem (zumindestens auf meinem PC):
Bei jedem Klick auf eines der Menüpunkte, wird das Header-Bild neugeladen.

Gehostet wird das ganze auf Netlify.com.
Eingebunden wird das Bild so:

<picture>
    <source
      srcset="/images/header/{{ $.Site.Data.siteVar.golbalImages.header }}_320.webp 320w,
              /images/header/{{ $.Site.Data.siteVar.golbalImages.header }}_768.webp 768w,
              /images/header/{{ $.Site.Data.siteVar.golbalImages.header }}_1200.webp 1200w,
              /images/header/{{ $.Site.Data.siteVar.golbalImages.header }}_1920.webp 1920w,
              /images/header/{{ $.Site.Data.siteVar.golbalImages.header }}.webp 2560w"
      type="image/webp">
    <source
      srcset="/images/header/{{ $.Site.Data.siteVar.golbalImages.header }}_320.jpg 320w,
              /images/header/{{ $.Site.Data.siteVar.golbalImages.header }}_768.jpg 768w,
              /images/header/{{ $.Site.Data.siteVar.golbalImages.header }}_1200.jpg 1200w,
              /images/header/{{ $.Site.Data.siteVar.golbalImages.header }}_1920.jpg 1920w,
              /images/header/{{ $.Site.Data.siteVar.golbalImages.header }}.jpg 2560w"
      type="image/jpeg">
    <img src="/images/header/{{ $.Site.Data.siteVar.golbalImages.header }}_1200.jpg" alt="{{ i18n "headerAlt" }}" />
  </picture>

Die HTACCESS Datei hab ich im Anhang.
Vielleicht hat ja jemand eine Idee.

Danke und Gruß :-)

 

[Lawnmower]

Das ist grundsätzlich ein normales Verhalten.
Möglicherweise ist der Header bez. Caching/Ablaufdatum nicht richtig definiert oder im Browser ist Caching deaktiviert (z.B. sinnvoll wenn man F12 Konsole offen hat).
Um zu prüfen ob der Server es "falsch" ausliefert, kannst Du mit F12 Konsole im Browser selber checken indem Du die Header der Bilder anschaust --> such nach "Cache-Control", steht der auf "no-store, no-cache, must-revalidate" oder sowas wird nix gechacht, das Bild ist sofort veraltet und wird beim nächsten Aufruf neu geladen. In deinem htaccess ist für Bilder 1 Monat Gültigkeit definiert sein - die Frage ist ob das auch so angewendet bzw. ausgeliefert wird.

 

[Rockhound]

Vielen Dank für den Tipp. Scheint so als würde Netlify die HTACCESS Datei ignorieren oder ich hab was falsch eingestellt darin.

 

[Lawnmower]

Das scheinen mir mehrheitlich Apache spezifische Anweisungen zu sein. Benutzt Netlify den überhaupt Apache?

 

[Rockhound]

Ich glaube nicht. Laut https://www.netlify.com/blog/2017/02/23/better-living-through-caching/ nutzen die was ganz eigenes für die Cache-Control. Muss mich mal mit mehr Zeit näher damit befassen. Weil als kostenloser Hoster gefällt mir Netlify sehr in Verbindung mit GIT.