WordPress 6.3 „Lionel”: ponad 170 aktualizacji wydajności, nowe funkcje edytora witryny i nie tylko

WordPress 6.3 „Lionel” jest już dostępny!

Nazwany na cześć słynnego amerykańskiego artysty jazzowego Lionela Hamptona, 6.3 to drugie duże wydawnictwo roku i można śmiało powiedzieć – jest jeszcze bardziej spektakularne niż 6.2.

Wiemy, że trudno w to uwierzyć po ponad 900 ulepszeniach i poprawkach wprowadzonych w „Dolphy”, ale to prawda.

6.3 zawiera zaktualizowane funkcje i nawigację, ulepszone narzędzia do projektowania zapewniające większą kontrolę, a także ponad 170 aktualizacji wydajności.

Sprawdźmy największe atrakcje.

Ogromne ulepszenia wydajności

WordPress 6.2 był pierwszym wydaniem, w którym zespół ds. wydajności udostępnił kilka imponujących ulepszeń w kilku wskaźnikach szybkości strony.

Cóż, zespół ds. wydajności Core oparł się na tych osiągnięciach, wydając ponad 170 aktualizacji wydajności w WordPress 6.3.

W rzeczywistości ich zautomatyzowane liczby przepływu pracy wskazywały z grubsza następujące ulepszenia wydajności w „Lionel” w porównaniu z „Dolphy”:

• LCP jest o 10,6% szybszy w przypadku motywów blokowych i 8,8% w przypadku motywów klasycznych.
• TTFB jest o 4,7% szybszy w przypadku motywów blokowych i 5,6% w przypadku motywów klasycznych.
• LCP-TTFB jest o 13,4% szybszy w przypadku motywów blokowych i 9,3% w przypadku motywów klasycznych.

Ale jak to osiągnęli?

Cóż, skupili się na poprawie wydajności zarówno po stronie klienta, jak i po stronie serwera.

Zespół Core Performance wykorzystał czas do pierwszego bajtu (TTFB) do pomiaru ulepszeń po stronie serwera.

Aby zmierzyć wydajność po stronie klienta, wykorzystali różnicę między największą zawartością (LCP) a TTFB.

To mówi…

Podczas gdy większość wzrostu wydajności w WordPress 6.2 pochodziła z ulepszeń wydajności po stronie serwera (TTFB), w 6.3 wzrost wynika z ulepszeń wydajności po stronie klienta (LCP-TTFB).

W rzeczywistości wydajność po stronie klienta w WordPress 6.3 jest o 40% szybsza w przypadku motywów blokowych i o 31% szybsza w przypadku motywów klasycznych w porównaniu z WordPress 6.2.

Sekret ich sukcesu tkwi we wprowadzeniu kilku aktualizacji:

1. Największy wpływ wywarło wykorzystanie nowoczesnych interfejsów API języka JavaScript, takich jak Web Workers, OffscreenCanvas i sessionStorage, w celu optymalizacji skryptu emoji-loader.js .
   
2. WordPress 6.3 zawiera dodatkową obsługę atrybutu fetchpriority="high" na obrazach. Oczekuje się, że to ulepszenie będzie miało największy wpływ na witryny z obrazami widocznymi na ekranie, ale biorąc pod uwagę, że obrazy są zdecydowanie najczęściej używanymi mediami na stronach internetowych, prawdopodobnie zauważysz również poprawę wydajności wynikającą z tego ulepszenia.
   
3. Wreszcie, „Lionel” wprowadził strategie ładowania skryptów, które dodają obsługę ładowania skryptów za pomocą odroczenia lub async . Jednak możesz nie zauważyć żadnych ulepszeń, ponieważ rdzeń WordPressa, a ekosystem nie przyjął jeszcze interfejsu API.

Podczas gdy ulepszenia wydajności po stronie serwera nie przyczyniły się tak bardzo do wzrostu, zespołowi ds. wydajności udało się przyspieszyć czas odpowiedzi serwera w przypadku motywów blokowych o 19% .

Jeśli chcesz dokładniej przyjrzeć się wszystkim aktualizacjom wydajności, zapoznaj się z oficjalną dokumentacją.

Od niepowodzenia do zaliczenia Core Web Vitals za pomocą kliknięcia przycisku. Zainstaluj NitroPack już dziś →

Ulepszony edytor witryn

W WordPress 6.3 edytor witryny został wzbogacony o kilka nowych punktów wejścia do różnych obszarów edytora, stając się scentralizowanym centrum wykonywania zadań.

Oto porównanie między 6.2 a 6.3:

Jak widać, nowa Nawigacja zawiera:

• Nawigacja
• Style
• Strony
• Szablony
• Wzory

Nawigacja

Nawigacja umożliwia przesuwanie elementów menu w górę lub w dół lub usuwanie ich z listy rozwijanej. Możesz także przeciągać i upuszczać elementy, aby uporządkować kolejność menu.

Style

Z menu „Style” można przeglądać różne opcje stylów w trybie przeglądania. Pozwala to na podgląd i wybór spośród dostępnych stylów, a następnie dostosowanie ich do własnych preferencji.

Ponadto kliknięcie ikony oka otwiera księgę stylów. Ta funkcja, wprowadzona w wersji 6.2, pozwala zobaczyć podgląd dostępnych bloków z zastosowanymi różnymi stylami, a wszystko to bez wychodzenia z interfejsu edytora.

Strony

Menu „Strony” zapewnia dostęp do dziesięciu ostatnio zaktualizowanych stron serwisu wraz z wieloma możliwościami edycji. Możesz generować nowe strony, modyfikować zawartość i strukturę obecnych, przeglądać specyfikę strony i nie tylko.

Co nowego, możesz teraz tworzyć nowe strony bez opuszczania interfejsu edytora.

Szablony

Podczas gdy ekran szablonów pozostaje w dużej mierze niezmieniony, WordPress 6.3 wprowadził nową funkcję. Kiedy tworzysz nowy szablon, pojawia się nowa nakładka modalna, prezentująca listę stron dla twojego szablonu.

Wzory

Sekcja Wzory to ta, w której wprowadzono najwięcej zmian:

• Nazwa bloków wielokrotnego użytku została zmieniona na Zsynchronizowane wzory
• Regularne wzory bloków są teraz nazywane Niezsynchronizowanymi wzorami
• Niestandardowy typ postu wp_block został rozszerzony o obsługę niestandardowych pól, a nowe metapole wp_block_sync_status zostało dodane do przechowywania stanu synchronizacji wzorca
• Do schematu wzorców bloków i odpowiedzi dodano właściwość źródłową, aby rozróżnić wzorce podstawowe i wzorce użytkownika
• REST API zostało rozszerzone o nowy atrybut

Niezsynchronizowane wzory działają niezależnie i można je dodawać w dowolnym momencie. Wszelkie zmiany dokonane po ich wstawieniu nie będą miały wpływu na oryginalny wzór.

Z drugiej strony zsynchronizowane wzorce mają zastosowanie w całej witrynie WordPress. Wszelkie ich modyfikacje będą rezonować z oryginalnym wzorem. Działają podobnie do bloków wielokrotnego użytku, a wszystkie te bloki są teraz oznaczone jako „Zsynchronizowane wzorce”.

Za każdym razem, gdy chcesz utworzyć nowy wzór, po prostu naciśnij ikonę „+” w menu Wzory.

Możesz także zarządzać swoimi niestandardowymi wzorami, klikając „Zarządzaj wszystkimi moimi wzorami” na pasku bocznym.

Paleta poleceń

Paleta poleceń to nowa funkcja zaprojektowana w celu usprawnienia często używanych czynności, takich jak przechodzenie do różnych stron lub szablonów w edytorze, za pomocą określonych poleceń.

W edytorze witryny kliknij symbol soczewki lub naciśnij cmd + k (lub ctrl + k dla użytkowników systemów Windows i Linux), aby aktywować paletę poleceń.

Podczas wpisywania polecenia paleta poleceń sugeruje różne polecenia do wyboru. W ten sposób możesz wykonywać typowe zadania i szybciej uzyskiwać dostęp do różnych sekcji Edytora witryny.

Nowa funkcja rewizji stylu

WordPress bardzo ułatwia cofanie zmian w postach i na stronach za pomocą narzędzia znanego jako Wersje.

Ta funkcjonalność została teraz rozszerzona również na style edytora witryn. Pozwala to przeglądać i, jeśli to konieczne, cofnąć modyfikacje wprowadzone w stylach motywu.

Aby to wykorzystać, wybierz styl lub blok w panelu Style, który chcesz zmodyfikować. Kliknij opcję „Wersje”, a następnie wybierz „Historia wersji”.

Ulepszenia dla programistów

Jak każde inne główne wydanie, WordPress 6.3 przynosi wiele zmian i ulepszeń przeznaczonych dla programistów.

Oto niektóre z najważniejszych wydarzeń:

Usunięto wsparcie dla PHP 5

Począwszy od WordPress 6.3, PHP 5 nie będzie już obsługiwane. Nową minimalną obsługiwaną wersją będzie PHP 7.0.0. Zalecana wersja PHP to 7.4 lub nowsza.Jest to ważne nie tylko dla programistów, ale dla wszystkich użytkowników WordPressa, ponieważ korzystanie ze starszej wersji może narazić Twoją witrynę na naruszenia bezpieczeństwa.

Tryb rozwoju

WordPress 6.3 wprowadza nową koncepcję zwaną „trybem programistycznym”, która wpływa na niektóre aspekty zachowania WordPressa. Od teraz strony internetowe mogą ustawić swój tryb rozwoju poprzez nowo wprowadzoną stałą WP_DEVELOPMENT_MODE . Zaleca się stosowanie tego dla wszystkich witryn zorientowanych na rozwój.

Oto niektóre z możliwych wartości dla WP_DEVELOPMENT_MODE to:

• „rdzeń” wskazuje, że ta witryna jest używana jako podstawowe środowisko programistyczne WordPress. Na przykład może to być istotne, gdy wnosisz bezpośredni wkład w rdzeń WordPress.
• „wtyczka” wskazuje, że ta witryna jest używana jako środowisko programistyczne wtyczki WordPress. Może to być przydatne na przykład podczas pracy nad wtyczką do repozytorium wtyczek.
• „motyw” wskazuje, że ta witryna jest używana jako środowisko programistyczne WordPress. Może to być przydatne na przykład podczas pracy nad motywem dla repozytorium motywów.
• „wszystko” oznacza, że ​​ta witryna jest używana jako środowisko programistyczne WordPress, w którym można modyfikować wszystkie trzy aspekty. Na przykład może to być istotne, gdy pracujesz nad określoną witryną jako całością, np. dla klienta.
• Pusty ciąg wskazuje, że dla tej witryny nie jest włączony żaden określony tryb programowania. Jest to wartość domyślna i powinna być używana w każdej witrynie, która nie jest używana do programowania.

Inne znaczące zmiany deweloperskie wprowadzone w „Lionel” obejmują:

• Twórcy motywów mogą teraz używać właściwości template_types do przypisania jednego lub więcej typów szablonów podczas rejestrowania wzorca szablonu.
• Funkcja get_pages() została zaktualizowana i teraz używa wewnętrznie WP_Query.
• Klasa WP_User_Query została ulepszona poprzez zaimplementowanie buforowania zapytań.
• W interfejsie API pamięci podręcznej zaimplementowano kilka ulepszeń.
• Nowy interfejs API Block Selectors umożliwia skonfigurowanie wielu selektorów CSS dla bloków do użycia w stylach globalnych.
• Zastosowane kolory ikon społecznościowych są teraz dynamicznie aktualizowane na podstawie pliku theme.json i stylów globalnych
  

Zakończyć

Nie jest to bynajmniej wyczerpująca lista wszystkich ulepszeń wprowadzonych w najnowszej aktualizacji WordPress.

Artykuł na blogu z ogłoszeniami zawiera mnóstwo innych nowych funkcji, takich jak:

• Wyświetl podgląd motywów bloków
• Dostosuj swoje napisy w interfejsie stylów bez kodowania
• Dodawaj adnotacje za pomocą bloku przypisów
• Pokaż lub ukryj zawartość za pomocą bloku Szczegóły
• Ustaw współczynnik proporcji na obrazach
• Zbuduj swoją witrynę bez rozpraszania uwagi
• Odkryj na nowo górny pasek narzędzi
• Twórz szablony za pomocą wzorców

Wszystko to jest doskonałym powodem, aby pobrać WordPress 6.3.

Nie zapomnij wcześniej wykonać kopii zapasowej swojej witryny i jak zawsze – jeśli chcesz przekazać podstawowe wskaźniki sieciowe i zwiększyć wydajność witryny, zainstaluj NitroPack.

Przyspiesz swoją witrynę WordPress automatycznie. Pobierz NitroPack już dziś →

Źródło obrazu: Kinsta