Gemessen am 28.10.2026 mit eurer Startseite im Handy-Profil (Pixel 7, Netz „Fast 4G“): Mit genau diesen Dateien lud das Handy 3,24 statt 7,59 und 7,60 MB (gleicher Ablauf mit Wischen; ohne Wischen 3,20 MB). Alles andere kam dabei unverändert von eurem Server.
Erstellt von Burak Karaman als Arbeitsprobe. Ich habe keinen Zugang zu eurem WordPress und habe nichts an eurer Seite verändert.
Was im Paket ist
| Datei im Paket | ersetzt auf eurer Seite | heute | neu |
|---|---|---|---|
projektbilder/ | /2026/09/ | 607.887 B | 62.518 B |
projektbilder/ | /2026/06/ | 507.758 B | 40.646 B |
projektbilder/ | /2026/09/ | 444.165 B | 41.872 B |
projektbilder/ | /2026/02/ | 418.001 B | 50.214 B |
projektbilder/ | /2025/11/ | 400.616 B | 48.688 B |
projektbilder/ | /2025/12/ | 363.876 B | 30.764 B |
projektbilder/ | /2026/09/ | 355.771 B | 36.024 B |
projektbilder/ | /2025/09/ | 302.591 B | 45.636 B |
video/ | /2024/07/ | 2.106.185 B | 823.011 B |
video/ | neu: Standbild aus dem ersten Bild des Videos | – | 17.084 B |
Pfade unter /wp-content/uploads. Alle Bilder in derselben Pixelgröße wie heute (960 × 960), als WebP mit Qualität 80, Transparenz bleibt erhalten. Das Video ist derselbe Clip (12,45 s), in 1280 × 720 neu kodiert, mit dem Inhaltsverzeichnis am Dateianfang („faststart“), damit der Browser sofort abspielen kann.
1. Projektbilder austauschen
Das Projekt-Karussell der Startseite zeigt die Beitragsbilder eurer Projekt-Einträge (Inhaltstyp wdt_listings, Seiten unter /portfolio/…). Deshalb wird der Austausch im jeweiligen Projekt gemacht, nicht in Elementor.
- In WordPress unter Medien die acht WebP-Dateien aus dem Ordner
projektbilderhochladen. WordPress kann das seit Version 5.8, bei euch läuft laut Quelltext 7.1.3. - Den ersten Projekt-Eintrag öffnen, zum Beispiel „Vetrihof“.
- Beim Beitragsbild (Featured image) das Bild gegen die gleichnamige WebP-Datei tauschen: im Block-Editor über Ersetzen (Replace), im klassischen Editor über „Remove featured image“ und danach „Set featured image“ (je nach Inhaltstyp und Sprache anders benannt). Dann aktualisieren.
- Das für die übrigen sieben Projekte wiederholen. Der Dateiname zeigt jeweils, welches Projekt gemeint ist.
„Once you’ve set a Featured Image for a page or post, you have two choices available. First, you can Replace the current Featured Image with a new one.“ (WordPress-Dokumentation)
Die alten PNG erst aus der Mediathek löschen, wenn ihr sicher seid, dass sie nirgends sonst verwendet werden.
2. Video und Standbild einsetzen
- Unter Medien die beiden Dateien aus dem Ordner
videohochladen und die Adresse des Videos kopieren. - Die Startseite mit Elementor öffnen und den Abschnitt mit dem Code-Video wählen. Er liegt direkt unter dem Projekt-Karussell (im Quelltext
data-id="2b72bb4"). - Im Tab Style unter Background ist als Hintergrundtyp Video gesetzt. Im Feld Video Link die neue Adresse einsetzen.
- Bei Background Fallback das Standbild
1904841_wählen.Computer_ Code_ poster.webp - Speichern bzw. aktualisieren.
„Click the Style tab.“ „In the Video Link section, add a link to the video.“ Der Link „can be a YouTube video, a Vimeo video or a self-hosted video.“ Background Fallback: „Select an image that will be used if the video is unavailable for some reason.“ (Elementor-Hilfe)
3. Nur laden, was gebraucht wird
Video am Handy weglassen (Entscheidung eurer Designer)
Bei euch ist für diesen Abschnitt Play On Mobile eingeschaltet (background_play_on_mobile: yes). Elementor beschreibt den Schalter so:
„People using mobiles may be operating with limited bandwidth or data. Use this toggle to prevent the video from loading on these devices, helping decrease page load times and data usage for these visitors.“
Laut dieser Beschreibung lädt das Handy das Video nicht, wenn der Schalter aus ist. Bei euch gilt das für die Stufe „Mobil Hochformat“ (bis 480 px); ob es im Querformat auch so ist, bitte in der Vorschau prüfen. An seiner Stelle ist das Fallback-Bild aus Schritt 2 gedacht. Am Handy spart das die ganze Videodatei: heute 2,1 MB, mit der neuen Fassung 0,82 MB. Bitte danach in der Handy-Vorschau prüfen, ob das Standbild wie gewünscht erscheint.
Projektbilder erst beim Hinscrollen
Die acht Bilder kommen per admin-ajax.php ins Karussell, als <img> ohne loading="lazy". Deshalb laden sie auch, wenn niemand bis dorthin scrollt. Das Bild-Tag erzeugt das Listing-Widget, nicht Elementor selbst. Wie es sich dort ändern lässt, würde ich auf einer Staging-Kopie klären; das wäre ein eigenes Ticket.
4. Cache leeren und prüfen
- In WP Rocket den Cache leeren: Einstellungen → WP Rocket → Dashboard → „Clear and preload cache“, oder in der Werkzeugleiste oben über das WP-Rocket-Menü.
- Die Startseite am Handy oder in der Handy-Ansicht des Browsers öffnen und bis zu den Projekten scrollen.
- In den Entwicklerwerkzeugen (Netzwerk) sollten die acht Projektbilder als
image/webpmit 31 bis 63 kB kommen und das Video mit rund 0,8 MB.
Wenn ihr mögt, messe ich danach mit derselben Methode wie auf dem Kurzbefund nach.
Quellen der genannten Einstellungen
- Elementor-Hilfe „Add & edit a background video in Elementor“, Stand 26.10.2025: elementor.com/help/section-background-video-options/
- Elementor-Hilfe „Create a background“, Stand 17.05.2026 (Play on Mobile, Background Fallback): elementor.com/help/background/
- WordPress-Dokumentation „Page/Post Settings sidebar“, Abschnitt Featured image, Stand 24.10.2024: wordpress.org/documentation/article/page-post-settings-sidebar/
- „WordPress 5.8 adds WebP support“, make.wordpress.org, 07.06.2021: make.wordpress.org/core/2021/06/07/wordpress-5-8-adds-webp-support/
- WP Rocket „Clear WP Rocket cache“, Stand 29.06.2024: docs.wp-rocket.me/article/53-clear-wp-rocket-cache
Alle Stellen am 28.10.2026 nachgelesen. Bezeichnungen in Elementor nach der englischen Hilfe, in der deutschen Oberfläche können sie übersetzt sein.