Fragebogen Hintergrund Web-Optimierung

Question

Ich habe ein Hintergrundbild im Fragebogen.
Das Bild selbst ist schon sehr klein (> 50KB), trotzdem merke ich, wie das Laden des Bilds die Seite verlangsamt.
Da vom Layout her jede Frage auf einer Seite ist, wird das Bild oft geladen.

Kann man im HTML des Layouts es irgendwie abändern, dass der Hintergrund nur einmal geladen wird und der Fragebogen sozusagen darüber gelegt wird?

Oder haben Sie andere Ideen?

So ist der Code im Moment

body { background-image: url("pro://Buehnen_Hintergrund.png");
background-size: cover;
background-attachment: fixed;
background-position:center;
background-repeat:no-repeat;
margin: 0px; padding: 0px; text-align: center}

Danke!

Answer 1

Da vom Layout her jede Frage auf einer Seite ist, wird das Bild oft geladen.

Normalerweise speichert der Browser Bilder im Cache - also dürfte es pro Teilnehmer:in nur genau einmal geladen werden.

ABER: Das gilt nicht für Bilder in der geschützten Dateiablage (zu erkennen an dem pro://). Wenn das Bild also nicht vertraulich ist bzw. keine urheberrechtlichen Bedenken bestehen, könnten Sie es einfach "nicht-geschützt" im Befragungsprojekt hochladen.

Kann man im HTML des Layouts es irgendwie abändern, dass der Hintergrund nur einmal geladen wird und der Fragebogen sozusagen darüber gelegt wird?

Der Fragetyp "Auswahlabfolge" macht so etwas.