WordPress 6.3 „Lionel“: Über 170 Leistungsupdates, neue Site-Editor-Funktionen und mehr

WordPress 6.3 „Lionel“ ist jetzt erhältlich!

Benannt nach dem gefeierten amerikanischen Jazzkünstler Lionel Hampton, ist 6.3 die zweite große Veröffentlichung des Jahres und man kann mit Sicherheit sagen, dass sie sogar noch spektakulärer ist als 6.2.

Wir wissen, dass es nach den über 900 in „Dolphy“ implementierten Verbesserungen und Korrekturen kaum zu glauben ist, aber es ist wahr.

6.3 verfügt über aktualisierte Funktionen und Navigationen, verbesserte Design-Tools für mehr Kontrolle und nicht zuletzt über 170 Leistungsupdates.

Schauen wir uns die größten Highlights an.

Massive Leistungsverbesserungen

WordPress 6.2 war die erste Version, bei der das Performance-Team einige beeindruckende Verbesserungen bei mehreren Seitengeschwindigkeitsmetriken vorstellte.

Nun, das Core-Performance-Team baute auf diesen Erfolgen auf und veröffentlichte über 170 Leistungsupdates mit WordPress 6.3.

Tatsächlich deuteten ihre automatisierten Workflow-Zahlen grob auf die folgenden Leistungsverbesserungen bei „Lionel“ im Vergleich zu „Dolphy“ hin:

• LCP ist 10,6 % schneller für Block-Themes und 8,8 % für klassische Themes.
• TTFB ist 4,7 % schneller für Block-Themes und 5,6 % für klassische Themes.
• LCP-TTFB ist 13,4 % schneller für Block-Themes und 9,3 % für klassische Themes.

Aber wie haben sie es geschafft?

Nun, sie konzentrierten sich auf die Verbesserung sowohl der clientseitigen als auch der serverseitigen Leistung.

Das Core-Performance-Team nutzte Time to First Byte (TTFB), um die serverseitigen Verbesserungen zu messen.

Um die clientseitige Leistung zu messen, haben sie den Unterschied zwischen Largest Contentful Paint (LCP) und TTFB genutzt.

Das gesagt…

Während der Großteil der Leistungssteigerung in WordPress 6.2 auf Verbesserungen der serverseitigen Leistung (TTFB) zurückzuführen ist, ist die Steigerung in 6.3 auf clientseitige Leistungsverbesserungen (LCP-TTFB) zurückzuführen.

Tatsächlich ist die clientseitige Leistung in WordPress 6.3 im Vergleich zu WordPress 6.2 bei Block-Themes 40 % schneller und bei klassischen Themes 31 % schneller .

Das Erfolgsgeheimnis liegt in der Einführung mehrerer Updates:

1. Die größte Wirkung ergab sich aus der Nutzung moderner JavaScript-APIs wie Web Workers, OffscreenCanvas und sessionStorage zur Optimierung des emoji-loader.js- Skripts.
   
2. WordPress 6.3 bietet zusätzliche Unterstützung für das Attribut fetchpriority="high" für Bilder. Es wird erwartet, dass diese Verbesserung die größten Auswirkungen auf Websites mit Bildern „above thefold“ hat. Da aber Bilder bei weitem das am häufigsten auf Webseiten verwendete Medium sind, werden Sie durch diese Verbesserung wahrscheinlich auch eine Leistungsverbesserung feststellen.
   
3. Zu guter Letzt führte „Lionel“ Strategien zum Laden von Skripten ein, die das Laden von Skripten mit defer oder async unterstützen. Möglicherweise sehen Sie jedoch keine Verbesserungen, da der WordPress-Kern und das Ökosystem die API noch nicht übernommen haben.

Während serverseitige Leistungsverbesserungen nicht so viel zur Steigerung beitrugen, gelang es dem Performance-Team , die Server-Reaktionszeit für Blockthemen um 19 % zu beschleunigen .

Wenn Sie tiefer in alle Leistungsaktualisierungen eintauchen möchten, schauen Sie sich die offizielle Dokumentation an.

Von fehlgeschlagen zu bestandenen Core Web Vitals mit nur einem Klick. Installieren Sie NitroPack noch heute →

Erweiterter Site-Editor

Mit WordPress 6.3 wurde der Site-Editor um einige neue Einstiegspunkte zu verschiedenen Bereichen des Editors erweitert und wird so zu einer zentralen Drehscheibe für die Erledigung Ihrer Aufgaben.

Hier ist ein Vergleich zwischen 6.2 und 6.3:

Wie Sie sehen, umfasst die neue Navigation:

• Navigation
• Stile
• Seiten
• Vorlagen
• Muster

Navigation

Mit der Navigation können Sie die Menüelemente nach oben oder unten verschieben oder aus einem Dropdown-Menü löschen. Sie können Elemente auch per Drag-and-Drop verschieben, um die Menüreihenfolge zu ändern.

Stile

Im Menü „Stile“ können Sie im Suchmodus verschiedene Stiloptionen anzeigen. Auf diese Weise können Sie eine Vorschau der verfügbaren Stile anzeigen, aus ihnen auswählen und sie dann an Ihre Vorlieben anpassen.

Durch Klicken auf das Augensymbol wird außerdem das Style Book geöffnet. Mit dieser Funktion, die in Version 6.2 eingeführt wurde, können Sie eine Vorschau der verfügbaren Blöcke mit verschiedenen angewendeten Stilen anzeigen, ohne die Benutzeroberfläche des Editors verlassen zu müssen.

Seiten

Das Menü „Seiten“ bietet Zugriff auf die zehn zuletzt aktualisierten Seiten der Website sowie mehrere Bearbeitungsfunktionen. Sie können neue Seiten erstellen, den Inhalt und die Struktur aktueller Seiten ändern, Seitendetails anzeigen und vieles mehr.

Neu ist, dass Sie jetzt neue Seiten erstellen können, ohne die Benutzeroberfläche des Editors zu verlassen.

Vorlagen

Während der Vorlagenbildschirm weitgehend unverändert bleibt, hat WordPress 6.3 eine neue Funktion eingeführt. Wenn Sie eine neue Vorlage erstellen, erscheint ein neues modales Overlay mit einer Liste der Seiten für Ihre Vorlage.

Muster

Im Abschnitt „Muster“ wurden die meisten Änderungen vorgenommen:

• Wiederverwendbare Blöcke wurden in „Synchronisierte Muster“ umbenannt
• Reguläre Blockmuster werden jetzt als nicht synchronisierte Muster bezeichnet
• Der benutzerdefinierte Beitragstyp „wp_block“ wurde erweitert, um benutzerdefinierte Felder zu unterstützen, und es wurde ein neues Metafeld „ wp_block_sync_status “ hinzugefügt, um den Synchronisierungsstatus eines Musters zu speichern
• Dem Blockmusterschema und der Antwort wurde eine Quelleigenschaft hinzugefügt, um Kern- und Benutzermuster zu unterscheiden
• Die REST API wurde um ein neues Attribut erweitert

Nicht synchronisierte Muster funktionieren unabhängig voneinander und können jederzeit hinzugefügt werden. Alle nach dem Einfügen vorgenommenen Änderungen haben keinen Einfluss auf das ursprüngliche Muster.

Andererseits sind synchronisierte Muster auf Ihrer gesamten WordPress-Site anwendbar. Alle Änderungen an ihnen stimmen mit dem ursprünglichen Muster überein. Sie funktionieren ähnlich wie wiederverwendbare Blöcke und alle diese Blöcke werden jetzt als „Synchronisierte Muster“ bezeichnet.

Wenn Sie ein neues Muster erstellen möchten, klicken Sie einfach auf das „+“-Symbol im Menü „Muster“.

Sie können Ihre benutzerdefinierten Muster auch verwalten, indem Sie in der Seitenleiste auf „Alle meine Muster verwalten“ klicken.

Die Befehlspalette

Die Befehlspalette ist eine neue Funktion, die dazu dient, Ihre häufig verwendeten Aktionen, wie das Navigieren zu verschiedenen Seiten oder Vorlagen im Editor, durch bestimmte Befehle zu optimieren.

Klicken Sie im Site-Editor entweder auf das Linsensymbol oder drücken Sie cmd + k (oder Strg + k für Windows- und Linux-Benutzer), um die Befehlspalette zu aktivieren.

Während Sie einen Befehl eingeben, schlägt Ihnen die Befehlspalette eine Reihe von Befehlen zur Auswahl vor. Auf diese Weise können Sie häufige Aufgaben ausführen und schneller auf bestimmte Abschnitte des Site-Editors zugreifen.

Neue Funktionalität zur Stilrevision

WordPress macht es mit einem Tool namens Revisions ganz einfach, Änderungen an Beiträgen und Seiten rückgängig zu machen.

Diese Funktionalität wird jetzt auch auf Site-Editor-Stile erweitert. Auf diese Weise können Sie an Ihren Designstilen vorgenommene Änderungen anzeigen und bei Bedarf rückgängig machen.

Um dies zu nutzen, wählen Sie im Bedienfeld „Stile“ einen Stil oder Block aus, den Sie ändern möchten. Klicken Sie auf die Option „Revisionen“ und wählen Sie dann „Revisionsverlauf“.

Entwicklerverbesserungen

Wie jede andere Hauptversion bringt WordPress 6.3 viele Änderungen und Verbesserungen mit sich, die für Entwickler gedacht sind.

Hier sind einige der Highlights:

Unterstützung für PHP 5 eingestellt

Ab WordPress 6.3 wird PHP 5 nicht mehr unterstützt. Die neue unterstützte Mindestversion wird PHP 7.0.0 sein. Die empfohlene PHP-Version ist 7.4 oder höher.Dies ist nicht nur für Entwickler, sondern für alle WordPress-Benutzer wichtig, da die Verwendung einer älteren Version Ihre Website anfällig für Sicherheitsverletzungen machen kann.

Entwicklungsmodus

WordPress 6.3 führt ein neues Konzept namens „Entwicklungsmodus“ ein, das bestimmte Aspekte des Verhaltens von WordPress beeinflusst. Ab sofort können Websites ihren Entwicklungsmodus über die neu eingeführte Konstante WP_DEVELOPMENT_MODE festlegen. Es wird empfohlen, dies für alle entwicklungsorientierten Websites zu verwenden.

Dies sind einige der möglichen Werte für WP_DEVELOPMENT_MODE:

• „core“ gibt an, dass diese Website als WordPress-Kernentwicklungsumgebung verwendet wird. Dies kann beispielsweise relevant sein, wenn Sie direkt zum WordPress-Kern beitragen.
• „Plugin“ gibt an, dass diese Website als WordPress-Plugin-Entwicklungsumgebung verwendet wird. Dies kann beispielsweise relevant sein, wenn Sie an einem Plugin für das Plugin-Repository arbeiten.
• „Theme“ gibt an, dass diese Website als WordPress-Theme-Entwicklungsumgebung verwendet wird. Dies kann beispielsweise relevant sein, wenn Sie an einem Theme für das Theme-Repository arbeiten.
• „alle“ gibt an, dass diese Website als WordPress-Entwicklungsumgebung verwendet wird, in der alle drei Aspekte geändert werden können. Dies kann beispielsweise relevant sein, wenn Sie an einer bestimmten Website als Ganzes arbeiten, z. B. für einen Kunden.
• Eine leere Zeichenfolge gibt an, dass für diese Site kein bestimmter Entwicklungsmodus aktiviert ist. Dies ist der Standardwert und sollte auf jeder Site verwendet werden, die nicht für die Entwicklung verwendet wird.

Weitere bemerkenswerte Entwickleränderungen, die mit „Lionel“ eingeführt wurden, sind:

• Theme-Entwickler können jetzt die Eigenschaft template_types verwenden, um bei der Registrierung eines Template-Musters einen oder mehrere Template-Typen zuzuweisen.
• Die Funktion get_pages() wurde aktualisiert und verwendet nun intern WP_Query.
• Die Klasse WP_User_Query wurde durch die Implementierung von Abfrage-Caching verbessert.
• In der Cache-API wurden mehrere Verbesserungen implementiert.
• Eine neue Blockselektoren-API ermöglicht die Konfiguration mehrerer CSS-Selektoren für Blöcke zur Verwendung in globalen Stilen.
• Die von sozialen Symbolen angewendeten Farben werden jetzt basierend auf theme.json und globalen Stilen dynamisch aktualisiert
  

Einpacken

Dies ist keineswegs eine erschöpfende Liste aller Verbesserungen, die im neuesten WordPress-Update eingeführt wurden.

Der Ankündigungsblogartikel enthält zahlreiche weitere neue Funktionen, wie zum Beispiel:

• Vorschau der Blockthemen
• Passen Sie Ihre Untertitel ohne Programmierung über die Styles-Oberfläche an
• Kommentieren Sie mit dem Fußnotenblock
• Mit dem Detailblock können Sie Inhalte ein- oder ausblenden
• Stellen Sie das Seitenverhältnis für Bilder ein
• Erstellen Sie Ihre Website ohne Ablenkung
• Entdecken Sie die obere Symbolleiste neu
• Erstellen Sie Vorlagen mit Mustern

All das sind gute Gründe, WordPress 6.3 herunterzuladen.

Vergessen Sie nicht, Ihre Website vorher zu sichern, und wie immer – wenn Sie Ihre Core Web Vitals bestehen und die Leistung Ihrer Website steigern möchten, installieren Sie NitroPack.

Beschleunigen Sie Ihre WordPress-Site automatisch. Holen Sie sich noch heute NitroPack →

Bildquelle: Kinsta