Preloader¶
Überblick¶
Der Preloader lädt wichtige Bilder und Fonts frühzeitig, damit die Seite schneller sichtbar wird.
Einstellungen¶
Unter Theme‑Optionen → Preloader:
- Logo vorladen: lädt das Logo frühzeitig.
- Beitragsbild vorladen: lädt das Featured Image.
- Produktbilder vorladen: nur bei WooCommerce.
- Fonts vorladen: Pfade zu Fonts (ein Font pro Zeile, woff2).
Nutzung¶
Zusätzlich werden alle Bilder mit der CSS‑Klasse preload automatisch vorgeladen.
Diese Bilder erhalten fetchpriority="high", loading="eager" und decoding="async".
Anwendung im Frontend¶
Preload‑Links werden im <head> ausgegeben; Bilder mit der Klasse preload werden priorisiert geladen.
Entwicklertipps¶
- Funktion
twtheme_preload_image()für gezieltes Preload. - Fonts werden über
twtheme_preload_fonts()in den<head>eingefügt.
Twtheme Hooks & Filter¶
| Hook/Filter | Typ | Parameter | Zweck |
|---|---|---|---|
twtheme_option_fields |
Filter | ($form_data) |
Preloader‑Optionen einhängen. |
twtheme_preload_max_images |
Filter | ($max) |
Maximale Anzahl automatisch vorzuladender Bilder. |