Headergrafik auf Startseite vorladen

I am lost :( The hook is visible but the preload is not showing.

Instead of the GP Hook, try adding it using this Code Snippet:

add_action('wp_head', function(){
    echo '<link rel="preload" href="https://zuhause-in-nordhessen.de/wp-content/uploads/2022/03/Blick-vom-Herkules.jpg"  as="image"/>';
},1);

Ich habe das GP Hook Element deaktiviert und mit Code Snippet das CSS hinzugefügt.
Leider sehe ich keine Veränderung 😥! Schade, dass ich hier keine Lösung finde, die ich generell einsetzen kann.
Die Google Mobile First Tests Richtlinien machen es einem schwer.
Das einfachste wäre natürlich die Bilder wegzulassen, aber das hilft mir nicht weiter.
Ich sende dir mal einen Link einer anderen Agentur. Die haben mit TYPO 3 ein derartiges Ergebnis perfektioniert.
Vielleicht kannst du etwas aus dem Code lesen? Die genannte Seite ist die absolute Premium-Klasse in Sachen Barrierefreiheit!
Bitte vertraulich behandeln! Soll ich den User und das Passwort noch bestehen lassen oder aus Sicherheitsgründen wieder löschen?

You're site is doing something i cannot explain.
I edited the code snippet to output the Preload Link and a HTML Comment it now looks like this on your site:

add_action('wp_head', function(){
	echo '<!-- preload for hero image -->';
	echo '<link rel="preload" as="image" href="https://zuhause-in-nordhessen.de/wp-content/uploads/2022/03/Blick-vom-Herkules.jpg">';
},1);

When i inspect your website i see this:

https://www.screencast.com/t/jch8P0jDL9Z

The <!-- preload for hero image --> is there. But something is removing the preload link.

I wonder why ? Do you have any security settings on your server that would remove this ?

We need to make this work - so we can then deal with the performance issue.

Wie kann man hier Screenshots direkt einfügen? Das würde die Sache vereinfachen.
Ich habe ein Screenshot aller aktiven Sicherheitseinstellungen vom Server in den Sharepoint-Ordner kopiert.
Außerdem habe ich eine TXT-Datei in dem Ordner erstellt und den Text in Deutsch und Englisch eingefügt.
Die Übersetzung ist von Google Translate! Danke, dass so hart an einer Lösung arbeitest.
Es würde mir massiv für die Zukunft helfen!

Hinweis: NGINX Caching auf dem Server ist aktiv.

Screenshots you just paste the URL to the the image location.

Nutze bitte für den jetzigen Fall den Sharepoint Ordner, okay?
Die Bilder müssen sonst in WordPress hochgeladen werden, um die URL einzufügen oder?

Hi Oliver,

I added a screenshot in the folder.

As shown in the image and as mentioned by David, it appears that something in your website is removing or not allowing the addition of <link rel="preload" as="image" href="https://zuhause-in-nordhessen.de/wp-content/uploads/2022/03/Blick-vom-Herkules.jpg”>.

It can be seen in the image that only <!-- preload for hero image -->

Can you try temporarily disabling all security settings you’ve placed in your website? If the issue is gone, enable them one by one and see which specific setting would cause the issue.

You can see the page source of your website by right clicking and clicking on inspect. Look for <!-- preload for hero image --> and check if <link rel="preload" as="image" href="https://zuhause-in-nordhessen.de/wp-content/uploads/2022/03/Blick-vom-Herkules.jpg”> appears once the security settings are disabled.

Kindly let us know how it goes. :)

Hi Fernando und David,

ich habe versucht noch einmal alle Schritte nacheinander zu gehen. Ich kann den Fehler nicht finden.
Es wäre sinnvoll, bei einer frischen Installation diese Test der Sicherheitseinstellungen vorzunehmen.
Einige der Sicherheitsfunktionen lassen sich nach dem erstmaligen aktivieren nicht mehr rückgängig machen.

Wie gesagt, bei diesem Projekt spielt es keine große Rolle, aber ich hätte gern eine Lösung gefunden, die auch zukünftig funktioniert.
Ich habe jetzt eine grafische Zwischenlösung erarbeitet. Mit einer SVG Datei im Header ist der Messwert in einem absolut erträglichen Bereich. Es kann aber gerade bei Websites mit Shop die entscheidende Stelle einer Grafik sein, die auch Kundinnen und Kunden abholt.

Wenn es eine neue Lösung gibt, die Google Pagespeed zur Folge hat, lasst es mich gerne wissen! Ich werde das Ticket erstmal schließen und euch nicht weiter damit stören!

Hi Oliver,

sorry we didn't get to fix this.
If you have opportunity to revisit your security settings, check for settings such as:

Allow Unfiltered HTML or Allow File Editing.

We're happy to revisit this any time.

In the meantime - i hope your solution works.

Ich starte gerade 2 Projekte für einen Anwalt und einen Notar.
Dort werde ich versuchen, diese Einstellungen von Beginn an zu prüfen.
Danke für eure Unterstützung in allen Bereichen! Es ist nicht wegzudenken!

You're welcome - good luck!