Meine Website hat keine Styles und sieht kaputt aus

Falls deine Website kaputt aussieht in dem Sinne, dass sie zwar lĂ€dt, aber keine Styles angewandt werden, wie in der Abbildung unten, kannst du einige wichtige Schritte zur Fehlersuche beitragen, die uns darin unterstĂŒtzen, dir noch schneller mit einer Lösung weiterzuhelfen.

Seite ohne CSS-Stile

Finde den Fehler

In unserem Beispiel verwenden wir Google Chrome als Browser, aber jeder moderne Browser hat ein Àhnliche Werkzeuge.

  1. Rechtsklicke (ctrl+Klick) auf eine beliebige Stelle auf der kaputten Seite und  wĂ€hle „PrĂŒfen“ („Inspect“) aus dem KontextmenĂŒ.
  2. Dies wird eine Leiste am unteren oder rechten Rand des Bildschirms zeigen. Klicken du auf die rote Benachrichtigung oben rechts auf diesem Panel.
  3. Du anschließend ein paar rote Fehlermeldungen sehen; mache davon bitte ein Bildschirmfoto und hĂ€nge es an deine Support-Anfrage an.

HĂ€ufige Fehler

Unsichere Inhalte vom CDN

Wenn du SSL auf deiner Website verwendest, so dass deine Seiten ĂŒber HTTPS ausgeliefert werden, und du verwendest ein CDN, muss auch dein CDN alle Dateien ĂŒber HTTPS ausliefern. Ist das nicht der Fall, werden die meisten Browser die CDN-Ressourcen als unsichere Inhalte blockieren, einschließlich Bilder, CSS-Dateien usw., und deine Website wird kaputt aussehen.

Wenn du auf die rote Fehlermeldung in Chrome klickst, wirst du in Etwa so etwas sehen (beachte die ERR_INSECURE_RESPONSE im unteren Bereich):

Fehlermeldungen in der Browser-Konsole

Lösung: Sprich mit deinem CDN-Provider und schau, ob sie HTTPS fĂŒr deine CDN-Dateien aktivieren können. Wenn nicht, musst du die CDN-Option in WP Rocket deaktivieren.

Sicherheitsbedingte Restriktionen

Einige Security-Plugins platzieren eine eigene  .htaccess-Datei in einigen der Ordner auf dem Server. Dies kann die korrekte AusfĂŒhrung der Minifizierung verhindern und damit den Zugang zu einigen deiner Dateien blockieren.

Typischerweise zeigt sich diese Fehlerquelle als Fehler 403 (Forbidden), wie auf dieser Abbildung:

Fehler 403 (Forbidden) in der Browser-Konsole

Lösung: Wenn du ein Sicherheitsplugin verwendest, Ă€ndere dessen Einstellungen, bis der Fehler behoben wird. Du kannst auch manuell den /wp-content-Ordner auf zusĂ€tzliche .htaccess-Dateien ĂŒberprĂŒfen. Wenn du eine findest, benenne sie vorĂŒbergehend um und schau, ob das den Fehler behebt.

Fehler 404 bei minifizierten Dateien

Wenn deine Website kaputt aussieht und du einen Fehler 404 fĂŒr minifizierte Dateien siehst, kann es schwierig werden, die Ursache festzustellen. Im Allgemeinen spielt das Verfallsdatum deines Cache eine Rolle. Meist werden aus irgendeinem Grund die minifizierten Dateien nicht gelöscht, wenn der Cache automatisch geleert wird, so dass der Cache auf alte Dateiversionen verweist, die nicht mehr verfĂŒgbar sind – daher der Fehler 404.

Fehler 404 bei minifizierten Dateien in der Browser-Konsole

Lösung: Finde heraus, ob Varnish, Cloudflare, CloudProxy (von Sucuri), Incapsula, oder irgendeine andere Caching-Methode zusĂ€tzlich zu WP Rocket aktiv ist. Falls das der Fall ist, musst du diesen zusĂ€tzlichen Cache wahrscheinlich jedesmal manuell löschen, um den Fehler zu beheben.