Performance von Themes
Diese Seite ist für Designer, die ein Design möchten, das sich sofort anfühlt. Über die Performance wird an zwei Stellen entschieden: im Browser (was er laden und zeichnen muss) und auf dem Server (was Templates holen und rendern). Die Seite listet die Hebel auf beiden Seiten.
Inhalt
Im Browser
| Hebel | Wie |
|---|---|
| Weniger Anfragen | ein ezcss_load und ein oder zwei Skriptbündel, gepackt (Der Packer) |
| Weniger Blockieren des Renderns | Stylesheets im Kopf, Skripte am Ende des Body oder mit defer (das Design media trennt kritische und verzögerte Skripte) |
| Schriften | selbst gehostet, font-display: swap, wenige Schnitte, Teilmengen mit unicode-range (Schriften in einem Design) |
| Bilder | Aliase in der angezeigten Größe, srcset, loading="lazy" unterhalb des ersten Bildschirms, Breite und Höhe gesetzt (Bild-Performance) |
| Standardmäßig keine Drittanbieter | Externe Ressourcen und CDNs |
| Seitenspezifisches CSS und JS nur, wo verwendet | ezcss_require / ezscript_require aus dem View-Template |
| Stabiles Layout | reservierter Platz für Bilder, Anzeigen, Einbettungen (CLS und LCP messen) |
Auf dem Server
| Hebel | Wie |
|---|---|
| Der View-Cache | halten Sie Vollansichten zwischenspeicherbar; nichts Benutzerspezifisches darin (Caching für Designer) |
| Cache-Blöcke | schließen Sie Menüs und Fußbereiche mit den richtigen Schlüsseln ein |
| Weniger fetch-Aufrufe | einmal im Pagelayout holen, das Ergebnis an Teile übergeben; Werte aus content_info vorziehen (Performance von fetch) |
| Limits | immer ein limit bei Listen-fetch; blättern |
| Kein fetch in einer Schleife | die Kinder einmal holen, nicht ein fetch pro Eintrag |
Ein einfaches Budget
Für eine öffentliche Inhaltsseite peilen Sie an:
- eine Stylesheet-Anfrage und höchstens zwei Skript-Anfragen vom Design;
- keine Anfrage an einen fremden Host vor der Einwilligung;
- das größte Bild des ersten Bildschirms in einem Alias nahe seiner angezeigten Größe ausgeliefert;
- Layoutverschiebung (CLS) höchstens 0,05, das Ziel, das das Projekt für seine eigenen Seiten verwendet.
Messen
- Der Netzwerkbereich des Browsers: Zählen Sie Anfragen, prüfen Sie Größen, suchen Sie Dateien, die das Rendern blockieren.
- Der Bereich Performance oder Lighthouse des Browsers für Largest Contentful Paint und Cumulative Layout Shift.
- Auf dem Server zeigt die Debug-Ausgabe (
DebugOutput=enabledfür Ihre Adresse) Zeiten und die Zahl der Datenbankabfragen einer Seite; Templates mit vielen fetch-Aufrufen fallen dort auf. - Messen Sie abgemeldet und mit kaltem und warmem Cache: Der erste Besucher nach einer Veröffentlichung sieht die nicht zwischengespeicherte Seite.
Verwandte Seiten
- Bild-Performance
- CLS und LCP messen
- Checkliste: Performance
- Freie Dokumentation: Diese Seite darf unter der GNU FDL 1.3 frei kopiert, übersetzt und verbessert werden.
Werden Sie Exponential-Partner
Partner teilen ihre Informationen, stellen Mittel bereit, geben Beiträge zurück und entwickeln die Produkte mit uns, und so wächst Exponential. Eine Partner-Website und ein Dashboard sind für Mitte 2027 geplant: Werden Sie noch heute Partner, damit wir schneller wachsen und neue Funktionen früher liefern.