Website-Änderungen werden nicht angezeigt wegen Browser-Cache?

Hallo zusammen,

ich habe folgendes Problem:

Ich hoste meine Website bei Ionos. Dort habe ich meine Codes (HTML, CSS, JavaScript und PHP) im Webspace abgelegt, der mit der Domain verbunden ist.

Nun habe ich an der Website Änderungen vorgenommen und z.B. eine mobile Ansicht implementiert. Ich habe die alten Code-Dateien überschrieben.

Auf der Website werden diese Änderungen aber nicht angezeigt, wenn man die Website vor kurzem bereits besucht hatte, da der Browser-Cache die alten Daten noch gespeichert hat.

Gibt es hier eine Möglichkeit, das zu verhindern und für die Nutzer direkt die neue Version anzeigen zu lassen?

Ich danke für eure Rückmeldungen :)

3 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

VeryBestAnswers

Nutzer, der sehr aktiv auf gutefrage ist

im Thema HTML

25.08.2023, 15:01

Das Browser Cache wird über den Cache-Control header gesteuert (den du mit einer .htaccess-Datei konfigurieren kannst). Bei HTML-Dateien sollte dies ein niedriger Max-Age sein (wenige Minuten/Stunden), damit Änderungen schnell sichtbar werden. Bei JavaScript und CSS Dateien ist hingegen die Empfehlung, eine lange Dauer zu setzen (z.B. ein Monat), und einen Hash-Wert an den Dateinamen anzuhängen. Aus "styles.css" wird dann z.B. "styles-174a53fc.css". Wenn die Datei geändert wird, ändert sich auch der Dateiname, sodass der Browser die Datei neu abrufen muss. Bundler wie z.B. Vite tun das automatisch.

Da du aber keinen Bundler nutzt, wäre das für dich sehr umständlich. Du kannst stattdessen eine Zahl an die Dateinamen anhängen (styles-4.css), die du jedes Mal erhöhst, wenn du eine Änderung vornimmst. Oder du verwendest für alle Dateien eine kurze Cache-Dauer.

Zum Testen kannst du auch manuell das Cache in deinem Browser invalidieren, indem du die Seite mit Strg+F5 oder Strg+Umschalt+R (browserabhängig) neu lädst. Oder du öffnest den Netzwerk-Tab in den Entwicklerwerkzeugen und wählst "Disable cache".

Wenn du jetzt die Cache-Dauer anpasst, wirkt sich das nicht auf Nutzer aus, die die Seite schonmal geöffnet haben und die Dateien noch im Cache haben. Damit bei allen das Cache invalidiert wird, musst du die Dateinamen ändern.

Woher ich das weiß:Studium / Ausbildung – Informatikstudium

protel

Fragesteller

14.09.2023, 22:10

Vielen Dank für deine ausführliche Antwort! Das hat mir sehr geholfen :)

Babelfish

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, JavaScript, PHP

25.08.2023, 14:53

Die Cache-Zeit von Webseiten, Skripten, Stylesheets, Bilder, etc. kannst du je nach Webserver zum Beispiel über Einträge in der .htaccess ändern. Wie das bei IONOS funktioniert, kannst du aus deren Hilfe erfahren.

Nachträglich kannst du das aber beim Nutzer nicht mehr ändern. Ist dort im Browser-Cache ein Dokument mit einem bestimmten Cache-Zeitraum, dann „schaut“ der Browser auch erst nach Ablauf der Zeit wieder auf deiner Seite nach.

Um das zu umgehen, kannst du nur die URL ändern. Bei Skripten und Stylesheets kann man das noch relativ leicht machen, bei der Webseite selbst eher nicht. Da musst du einfach warten.

Woher ich das weiß:Berufserfahrung – Entwickle Webseiten seit über 25 Jahren.

protel

Fragesteller

14.09.2023, 22:10

Dankeschön!

Mirko Marek

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Mediengestalter Digital und Print

01.09.2023, 18:36

Hi protel,

wie unten von Babelfish unten beschrieben, kann man serverseitig mithilfe der .htaccess und auch durch Meta-Angaben in HTML das Cache-Vehalten anpassen.

Leider spielt da auch der Browser dort auch mit. Browser wie Mozilla Firefox und Google Chrome cachen auch den Inhalt. Dieser lässt sich durch diverse Möglichkeiten löschen.

Woher ich das weiß:Berufserfahrung – Ich bin gelernter Mediengestalter Digital und Print(IHK)

Hallo Zusammen, ich bin gerade am verweifeln. Ich hoste eine kleine Webseite über IONOS und irgendwas ist bei der Weiterleitung von http auf https schief gelaufen. Jetzt komme ich nicht mehr auf meine Webseite und ins Backend, weil ich sofort über eine 301 auf eine völlig random Seite weitergeleitet werde, die ich niemals eingerichtet habe. Hat jemand eine Idee, wie ich im Webspace o.Ä rausfinde wo die Weiterleitung aktiv ist und sie löschen kann. In der htacces bei IONOS finde ich auch nichts.
Danke und VG

...zur Frage

http zu https redirect-Fehler auf Wordpress-Seite?

Ich habe eine Wordpress-Website, nennen wir sie example.com, die von IONOS gehostet wird. Es handelt sich um eine HTTPS-Website mit einem funktionierenden SSL-Zertifikat, sodass alle HTTP-Anfragen auf die angeforderte Seite umgeleitet werden sollten, aber dabei das HTTP durch HTTPS ersetzt wird.

Beispiel: http://example.com sollte auf https://example.com umgeleitet werden (das funktioniert). http://example.com/subpage sollte auf https://example.com/subpage umgeleitet werden (das funktioniert jedoch nicht!). Stattdessen passiert Folgendes: http://example.com/subpage leitet auf https://example.com/ um.

Das Hauptproblem dabei ist, dass die Google Search Console fälschlicherweise einen Umleitungsfehler für jede Unterseite erkennt, die sie zu indexieren versucht, obwohl die Indexanfrage speziell für die HTTPS-Seite (https://example.com/subpage) gesendet wurde.

Ich verwende die neueste Version von Wordpress. Die derzeit installierten Plugins sind:

Advanced Import
Duplicate Page
Elementor Pro
IONOS Assistant (deaktiviert)
IONOS Help (deaktiviert)
IONOS Journey (deaktiviert)
IONOS Login
IONOS Loop (deaktiviert)
IONOS Navigation
IONOS Performance
IONOS Security
Music Player for Elementor
Title Remover
WPvivid Backup Plugin
Yoast SEO Premium

Diese Teile meiner .htaccess-Datei könnten für das Problem verantwortlich sein:

<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteCond %{SERVER_PORT} 80
    RewriteRule ^(/(.*))?$ https://%{HTTP_HOST}/$1 [R=301,L]
</IfModule>

und/oder:

<IfModule mod_rewrite.c>
    # ENGINE ON
    RewriteEngine on

    # set hostname directory
    RewriteCond %{HTTPS} on
    RewriteRule .* - [E=IONOS_PERFORMANCE_HOST:https-%{HTTP_HOST}]

    RewriteCond %{HTTPS} off
    RewriteRule .* - [E=IONOS_PERFORMANCE_HOST:%{HTTP_HOST}]

    # set subdirectory
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_METHOD} GET
    RewriteCond %{REQUEST_URI} !(.*)/$
    RewriteCond %{REQUEST_FILENAME} !.(gif|jpg|png|jpeg|css|xml|txt|js|php|scss|webp|mp3|avi|wav|mp4|mov)$ [NC]
    RewriteRule .* - [E=IONOS_PERFORMANCE_DIR:%{REQUEST_URI}/]

    RewriteCond %{REQUEST_URI} /$
    RewriteRule .* - [E=IONOS_PERFORMANCE_DIR:%{REQUEST_URI}]

    RewriteCond %{REQUEST_URI} ^$
    RewriteRule .* - [E=IONOS_PERFORMANCE_DIR:/]

    # gzip
    RewriteRule .* - [E=IONOS_PERFORMANCE_SUFFIX:]
    <IfModule mod_mime.c>
        RewriteCond %{HTTP:Accept-Encoding} gzip
        RewriteRule .* - [E=IONOS_PERFORMANCE_SUFFIX:.gz]
        AddType text/html .gz
        AddEncoding gzip .gz
    </IfModule>

    # Main Rules
    RewriteCond %{HTTP_ACCEPT} .*text/html.*
    RewriteCond %{ENV:INITIAL_REQUEST_METHOD} ^$
    RewriteCond %{ENV:REDIRECT_INITIAL_REQUEST_METHOD} ^$
    RewriteCond %{QUERY_STRING} ^$
    RewriteCond %{REQUEST_URI} !^/(wp-admin|wp-content/cache)/.*
    RewriteCond %{HTTP_COOKIE} !(wp-postpass|wordpress_logged_in|comment_author)_
    RewriteCond /homepages/9/d4297862886/htdocs/./wordpress/wp-content/cache/ionos-performance/%{ENV:IONOS_PERFORMANCE_HOST}%{ENV:IONOS_PERFORMANCE_DIR}index.html%{ENV:IONOS_PERFORMANCE_SUFFIX} -f
    RewriteRule ^(.*) /wp-content/cache/ionos-performance/%{ENV:IONOS_PERFORMANCE_HOST}%{ENV:IONOS_PERFORMANCE_DIR}index.html%{ENV:IONOS_PERFORMANCE_SUFFIX} [L]
</IfModule>

und/oder:

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

Meine Permalink-Einstellung in Wordpress ist wie folgt:

https://example.com/%category/%postname%/

...zur Frage

Warum wird die Website als unsicher angezeigt, obwohl sie sicher ist?

Hi,

meine Website wird selstamerweise von Chrome als nicht uneingeschränkt sicher angezeigt, obwohl im Code ausschließlich HTTPS URL angegeben sind.

Kann das sein? Wie behebe ich dieses Problem?

Selbstverständlich verfüge ich über ein gültiges SSL-Zertifikat. Zuvor hatte ich beim alten Anbieter keine Probleme damit. Seit ich gestern auf einen neuen Webspace umgezogen bin, klappt es nicht mehr.

Liebe Grüße

...zur Frage

Ionos Website hosten?

Hallo, ich habe nun ein Hosting Abo bei Ionos abgeschlossen und habe meine html Dokumente in einem Webspace Ordner angelegt. Dann habe ich den Ordner mit meiner Domain verbunden. Nun ist aber das Problem das, wenn ich meine Domain dann in Google eingebe immer nur das dransteht anstatt meine eigentliche Website. Kann mir bitte jemand weiterhelfen? Selbst mit Tutorials hat es nicht geklappt.

...zur Frage

WordPress Website nur beim ersten Aufruf des Tages sehr langsam?

Guten Tag zusammen,

es geht um folgendes Problem:

Ich habe schon etliche WordPress-Seiten erstellt. Auch schon sehr viele beim Hoster IONOS. Die Ausgangslage ist identisch und alle anderen Websites haben dieses Problem nicht. Die aktuellste lädt beim ersten Aufruf des Tages min. 30 Sekunden. Danach ist Sie den ganzen Tag über, auch ohne Browsercache, sofort erreichbar.

Habt Ihr eine Idee woran das liegen könnte? Was mir komisch vorkommt ist, dass bei PHP-Memory-Limit der Wert "-1" angezeigt wird. Könnte es damit etwas zu tun haben?

...zur Frage

Arbeitsspeicher, Cache leeren?

Im Task Manager wird mit angezeigt, dass 18 GB im Cache sind. Wie krieg ich den da raus? Browser ist es schon mal nicht, dessen Cache hab ich vorher schon gelöscht.

...zur Frage

Die URLs der Unterseiten werden immer noch mit der System Domain angezeigt?

Ich hab eine Website über WordPress gebaut. Der Hoster ist hierbei IONOS. Ich hab die Seite anfangs auf einer System Domain von IONOS laufen lassen damit die Seite noch nicht auffindbar ist…

Als ich die Website dann aber auf die richtige Domain umgestellt habe, wird nur die Startseite mit der richtigen Domain angezeigt die Unterseiten immer noch mit mit der System Domain.
Das komische ist, wenn ich auf WordPress auf die verschiedene Unterseiten gehen werden dort von WordPress die richtigen Domains in der Seitenleiste angezeigt und sind auch darüber aufrufbar…

wenn ich mich aber auf der Webseite durchklicke z.B. die Unterseite Impressum anklicke wird in dem Feld bei Google wo die URL angezeigt wird wieder nur die System Domain von IONOS angezeigt…

ich wäre sehr dankbar wenn mir jemand helfen kann!!

danke im Voraus!

...zur Frage

Elementor inkl. WP Fastest Cache: Einzelne Elemente ausschließen?

Hallo zusammen,

ich baue gerade eine WordPress-Website mit dem PageBuilder Elementor inkl. dem Plugin WP Fastest Cache.

Auf der Startseite habe ich einen Kalender implementiert der automatisch per iCal mit Daten von meinem Google Kalender gefüttert wird. Allerdings wird der aktuelle Stand in den Cache übernommen. Sprich, wenn ich im Google Kalender einen Termin hinzufüge, wird dieser beim Aktualisieren der Seite nicht angezeigt.

Kann ich bei Elementor einzelne Bereiche oder Widgets vom Cache ausschließen, so dass diese immer komplett neu geladen werden?

Gruß

Oukdouk

...zur Frage

Unsichere Website wird trotz SSL angezeigt?

Ich habe meiner Website ein SSL Zertifikat zugewiesen. Jedoch wird in der Google Suche dennoch die unsichere Website angezeigt. Woran kann das liegen? Die Website ist bei Ionos gehostet.

...zur Frage

CSS @media Maximum Width überschreiben?

Guten Morgen,

mein Vater hat eine Website auf MyWebsite von IONOS. Er hat dort einen Buchungskalender, der unter 1025 Pixel Weite nicht angezeigt wird aufgrund folgenden CSS Codes;

@media screen and (min-device-width: 1024px) {
            .mediumScreenDisabled { display:block }
            .smallScreenDisabled { display:block }
        }
        @media screen and (max-device-width: 1024px) { .mediumScreenDisabled { display:none } }
        @media screen and (max-device-width: 568px) { .smallScreenDisabled { display:none } }
                @media screen and (min-width: 1024px) {
            .mobilepreview .mediumScreenDisabled { display:block }
            .mobilepreview .smallScreenDisabled { display:block }
        }
        @media screen and (max-width: 1024px) { .mobilepreview .mediumScreenDisabled { display:none } }
        @media screen and (max-width: 568px) { .mobilepreview .smallScreenDisabled { display:none } }

Der @media screen and (max-device-width: 1024px) { .mediumScreenDisabled { display:none } } -Teil verhindert das Anzeigen des Kalenders und möchte deshalb die maximale width ändern.

Allerdings gibt es auf MyWebsite selbst wohl keine Option dazu und der IONOS Support meint, dass sie für Drittanbieter Snippets keinen Support anbieten (dabei bin ich mir ziemlich sicher, dass das von denen kommt, da der Kalender in einem iframe eingebunden ist).

Gibt es eine Möglichkeit über CSS die Eigenschaft separat nochmal zu überschreiben, wenn ich das Snippet von oben nicht manipulieren kann?

Danke und LG

...zur Frage

Wordpress Webseite Fehlerhaft?

Hallo ich habe eine Wordpress Webseite über IONOS erstellt.

Ich habe dafür ein Avada Theme gekauft, aber nun ist mir aufgefallen, dass das Theme nicht angezeigt wird, wenn man im Browser nicht bei Wordpress angemeldet ist.

Ich glaube, dass erst so ist, seit dem ich die Domain verbunden habe.. Muss ich irgendwelche Lizenzen verbinden oderso, weil es nun online ist?

Habe ich etwas falsch gemacht?

Ich brauche dringend eure Hilfe!

...zur Frage

Website erscheint bei Suche nicht?

Hi,

wir haben eine Website für die Feuerwehr in meinen Ort erstellt (über IONOS) und sie hochgeladen, mit Domain usw.. Nun das Problem ist dass die Website bei der normalen Google Suche nicht gefunden oder nicht angezeigt wird sondern nur durch die Eingabe vom Link. Kann man das irgendwie beheben oder muss man einfach warten?

Grüße

...zur Frage

Besucherzähler in Website einbauen?

Wie macht man das am besten über HTML, da ich nur HTML Codes in IONOS einfügen kann? Und funktioniert dies überhaupt?

Grüße

...zur Frage

Website wird nicht angezeigt [ Zeta Producer]

Hallo Leute ich habe mit ZetaProducer eine Website erstellt habe auch Webspace usw. Ich hab die Website hochgeladen, aber da kommt immer nich die alte Meldung hier entsteht eine neue Website. Wie mache ich jetzt dass meine Website angezeigt wird, ich meine die erstellte? Hochladen klappt ja... Bitte um Hilfe !

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen