WP Rocket 3.19: Ulepszenia bez wysiłku w celu ulepszonej stabilności LCP i układu

Pamiętasz, jak drużyny Formuły 1 wygrywają wyścigi? To nie tylko jedna wielka zmiana, ale raczej wiele niewielkich ulepszeń, które sumują się w perspektywie długoterminowej. Nasza nowa główna wersja ponownie odzwierciedla tę wizję przyrostowych i inteligentnych optymalizacji: Poznaj WP Rocket 3.19!

Nasza najnowsza wersja koncentruje się na ulepszeniu dwóch funkcji, aby były dostępne dla wszystkich, niezależnie od ich wiedzy technicznej. Wzięliśmy złożone procesy, które wymagały ręcznej optymalizacji na stronę, aby były wydajne i przekształcili je w funkcje, które działają w tle, tworząc ich magię.

Wyniki? WP Rocket 3.19 zapewnia lepsze wrażenia użytkowników dla odwiedzających dzięki zwiększeniu stabilności układu i zapobieganiu zmianom treści, wraz z zwiększoną postrzeganą prędkością i lepszą największą, największą oceną farby.

W WP Rocket uważamy, że wszyscy zasługują na szybką stronę internetową - dlatego stale znajdujemy sposoby na uproszczenie optymalizacji prędkości, zapewniając jednocześnie, że wszyscy nasi klienci mogą skorzystać z naszych potężnych funkcji.

Gotowy, aby zobaczyć, w jaki sposób te łatwe i inteligentne ulepszenia mogą skorzystać z lepszej wydajności dla Twojej witryny? Zanurzmy się w szczegóły WP Rocket 3.19 lub obejrzyjmy poniższy film.

Co pociąga za sobą rakieta WP

WP Rocket 3.19 wprowadza dwa ulepszenia, które działają za kulisami, aby zwiększyć wydajność Twojej witryny.

Pierwsze ulepszenie jest związane z czcionkami wstępnymi: funkcja zachowuje tę samą nazwę, gdy zmienia sposób jej działania i jej lokalizacji, jak czytasz tuż poniżej.

Drugi koncentruje się na automatyzacji funkcji prefetcha żądań DNS, która została przemianowana na preonect na domeny zewnętrzne i usunięte z interfejsu wtyczki - poznasz przyczynę tego wyboru w sekcji dedykowanej.

Czcionki wstępne w jednym kliknięciu

Cofnijmy się i zrozumiemy, czym jest wstępne ładowanie czcionki i dlaczego ma to znaczenie dla wydajności Twojej witryny.

Wyjaśnienie wstępnego ładowania czcionki

Wstępne ładowanie czcionek to potężna technika optymalizacji, która może poprawić, jak szybko i płynnie pojawia się tekst na Twojej stronie.

Oto dlaczego: kiedy odwiedzający przychodzi na twoją stronę, ich przeglądarka musi załadować nie tylko treść twoich stron, ale także powiązane czcionki. Bez wstępnego ładowania, oto, co zazwyczaj dzieje się:

1. Przeglądarka zaczyna wyświetlać tekst za pomocą domyślnej czcionki.

2. Następnie odkrywa w CSS, że musi załadować niestandardową czcionkę - tę wybraną.

3. Po załadowaniu niestandardowej czcionki tekst zmienia się, aby używać tej nowej czcionki zamiast domyślnej.

Proces ten może powodować tak zwany błysk niestosowanego tekstu (Fout). Fout to krótki moment, w którym tekst nagle zmienia wygląd, gdy ładuje się niestandardowa czcionka.

Możesz zgadnąć, co będzie dalej: układ Twojej strony ma tendencję do zmiany. Taka zmiana jest nie tylko nieprzyjemna wizualnie, ale może również negatywnie wpłynąć na skumulowaną ocenę przesunięcia układu (CLS), jednej z podstawowych witryn internetowych Google.

Załadowanie czcionek pomaga rozwiązać ten problem, mówiąc przeglądarce, że twoje niestandardowe czcionki są ważne i należy je od razu pobrać, nawet przed przeanalizowaniem całego kodu CSS. W rezultacie niestandardowa czcionka jest bardziej prawdopodobna, gdy przeglądarka najpierw wyświetla tekst, zmniejszając lub eliminując zmianę czcionki i zapewnienie większej stabilności układu.

Dlaczego powinieneś wstępnie ładować czcionki?

Korzyści z wstępnego ładowania czcionek i unikania zmian układu jest ściśle związane z poprawą wrażenia użytkownika, co oznacza zapewnienie doskonałego pierwszego wrażenia i upewnienie się, że odwiedzający są gotowi pozostać na Twojej stronie i potencjalnie konwertować.

Co więcej, wstępne ładowanie czcionek może również ulepszyć swoją największą ocenę Contentful Paint (LCP), kolejną podstawową sieć niezbędną, która mierzy, jak szybko staje się największy element treści na Twojej stronie. Nurkując w szczegółach, wstępne ładowanie czcionek może zoptymalizować wydajność LCP, gdy element LCP jest węzłem tekstowym - co jest przypadkiem średnio 20% stron internetowych między urządzeniami mobilnymi i komputerowymi.

3.19: Poznaj nową funkcję czcionek wstępnych

Podczas gdy wstępne ładowanie czcionek może przynieść te znaczące korzyści wydajności, zauważyliśmy, że nasi klienci ledwo korzystali z tej funkcji lub nie zawsze byli poprawnie wdrażani. Zupełnie odwrotnie: czcionki wstępne okazały się efektywne dla wydajności przeciwnej. Dlatego chcieliśmy uczynić tę opcję łatwiejszą i dostępną dla wszystkich naszych klientów, jednocześnie zmniejszając jego nieprawidłową implementację.

A oto: WP Rocket 3.19 sprawia, że ​​czcionki wstępne jest zautomatyzowanym procesem, który możesz włączyć jednym kliknięciem.

Nie musisz już ręcznie zidentyfikować poprawnych adresów URL plików czcionek i wstępnie je załadować, aby funkcja działała skutecznie. Po włączeniu opcji Rakieta WP automatycznie wykrywa na każdej stronie, której czcionki są używane powyżej i należy priorytetowo traktować, zarówno z mobilnego, jak i komputera stacjonarnego. Następnie wstępnie ładuje tylko te odpowiednie czcionki, co skutkuje bardziej precyzyjną i wydajną optymalizacją.

Ta optymalizacja robi różnicę, ponieważ wstępne ładowanie nieużywanych aktywów może zaszkodzić wydajności. Na przykład, jeśli wstępnie załadowana czcionka nie jest używana w ciągu pierwszych kilku sekund obciążenia strony, przeglądarki takie jak Chrome mogą wydać ostrzeżenie. Koncentrując się tylko na czcionkach, które są naprawdę potrzebne powyżej, nowa opcja czcionek wstępnych pomaga uniknąć tych potencjalnych problemów i zapewnia optymalne ładowanie czcionek.

Należy pamiętać, że teraz znajdziesz nową funkcję czcionek wstępnych na karcie Media:

Jeśli wcześniej określiłeś czcionki ręcznie, opcja zautomatyzowana zostanie domyślnie włączona.

Podsumowując : Nowa funkcja czcionek wstępnego ładowania automatycznie optymalizuje ładowanie czcionek, zapewniając gładsze wrażenia dla odwiedzających od momentu lądowania na Twojej stronie internetowej - i wymaga tylko kliknięcia.

Preponect z domenami zewnętrznymi: zupełnie nowy zautomatyzowany proces

Jeśli chodzi o poprzednią funkcję, zacznijmy od krótkiego wyjaśnienia wpływu wstępnych domen zewnętrznych na prędkość witryny.

Wstępne do domen zewnętrznych w zwykłym angielskim

Prestonect z domenami zewnętrznymi jest potężną techniką optymalizacji, która pozytywnie wpływa na obciążenie zasobów.

Gdy Twoja witryna musi ładować zasoby, takie jak czcionki lub skrypty z domen zewnętrznych, przeglądarka zwykle musi najpierw nawiązać połączenie z tymi dziedzinami. Ten proces połączenia może dodać niepotrzebne opóźnienie do zewnętrznego procesu pobierania aktywów, wpływając na określone wskaźniki zależne od tych aktywów zewnętrznych.

Preconnect rozwiązuje ten problem, mówiąc przeglądarce z wyprzedzeniem, które połączenia będą potrzebne. Umożliwia to przeglądarce wczesne skonfigurowanie tych połączeń, skracając czas potrzebny na załadowanie zasobów zewnętrznych, gdy są potrzebne.

Ta optymalizacja przynosi dwie korzyści:

1. Ulepszony czas ładowania : z wyprzedzeniem konfigurując połączenia, witryna może rozpocząć ładowanie zasobów zewnętrznych - a strony również ładują.

2. Ulepszona wydajność LCP : Jeśli twój największy element malowania treści jest czcionką z domeny stron trzecich, Preconnect może pomóc w szybszym załadowaniu, potencjalnie poprawiając wynik LCP.

3.19: Z prefetet DNS żądań do wstępu do domen zewnętrznych

Zauważyliśmy, że funkcja próśb o DNS była również niedostateczna i często niewłaściwa. Właśnie dlatego postanowiliśmy zautomatyzować tę opcję, usuwając ją z interfejsu rakiet WP i zmieniając nazwę na wstępne wyniki do domen zewnętrznych.

Dzięki WP Rocket 3.19 ta potężna optymalizacja działa w tle i nie musi być włączona. Dlatego nie znajdziesz już tej funkcji w ustawieniach rakiety WP.

Oto, co musisz wiedzieć o tym ulepszeniu:

1. Jest to w pełni zautomatyzowany proces : nie musisz już ręcznie określać, które domeny należy uwzględnić podczas wdrażania optymalizacji. Rakieta WP obsługuje to teraz automatycznie.

2. Jest stosowany tylko na stronach, na których jest potrzebny, zarówno na mobilnym, jak i komputerach stacjonarnych, co skutkuje bardziej wydajnym i ukierunkowanym podejściem, które jest spójne na wszystkich urządzeniach.

Jak wyjaśniono powyżej, ta funkcja może prowadzić do szybszych czasów ładowania strony i lepszego wyniku LCP - wszystko bez konieczności podnoszenia palca.

Jeśli chcesz wyłączyć tę funkcję, musisz zastosować następujący filtr:

 add_filter('rocket_preconnect_external_domains_optimization', '__return_false');

Sugerujemy wyłączenie go tylko wtedy, gdy Twoja witryna ma więcej niż dziesięć domen do wstępnego ładowania - w tym przypadku najlepiej pozwolić przeglądarce zarządzać procesem. Chociaż na ogół istnieje kilka domen zewnętrznych na stronę, możesz sprawdzić, czy ten scenariusz ma zastosowanie do Twojej witryny, patrząc na kod źródłowy strony i liczbę wystąpień danych-Rocket-Preconnect.

Konkluzja : Funkcja domen zewnętrznych to nowe zautomatyzowane ulepszenie, które konfiguruje szybsze połączenia między twoją witryną a zasobami zewnętrznymi przy jednoczesnym usuwaniu ryzyka niepoprawnej implementacji.

Dostosowywana wydajność: zautomatyzowane optymalizacje w akcji

Mówiąc o funkcjach rakiety WP, które działają automatycznie, wstępne jest domeny zewnętrzne, jest najnowsza i dodaje do istniejących:

• Pamięć podręczna strony (w tym pamięć podręczna mobilna)

• Zoptymalizuj krytyczne obrazy

• Automatyczne leniwe renderowanie

• Buforowanie przeglądarki

• Kompresja GZIP

• Obsługa czcionek internetowych

• WooCommerce Refresh Cart Fragments Cache

• Zoptymalizuj pliki Google Fonts

• Wyłącz emoji WordPress

Wszystkie te funkcje nie mają interfejsu użytkownika - po prostu działają. Zapewniaj, że w razie potrzeby zawsze możesz je wyłączyć za pomocą filtra lub wtyczki pomocniczej.

Te zautomatyzowane funkcje znajdują się na szczycie opcji, które włączają się, gdy najpierw aktywujesz rakietę WP, takie jak Minify CSS i JS, długość życia pamięci podręcznej, pamięć podręczna wstępnego, łącza wstępne i kontrola bicia serca.

Nic dziwnego, że Twoja witryna otrzyma wzrost prędkości, gdy tylko włączysz naszą wtyczkę!

Jeśli jesteś ciekawy rzeczywistego wpływu tych automatyzacji, pamiętaj, że wyniki mogą się różnić w zależności od konkretnej witryny. Podczas gdy WP Rocket 3.19 wprowadza nowe ulepszenia, ulepszenia wydajności, które zobaczysz, sumują się do wzrostu prędkości, które osiągnęły już nasze istniejące funkcje.

Owinięcie

WP Rocket 3.19 wzmacnia nasze zaangażowanie w podejście „decyzji, a nie opcje” i dokonywanie złożonych optymalizacji jako zautomatyzowanych procesów. Staramy się dokonywać dla Ciebie właściwych wyborów, więc nie musisz spędzać czasu i wysiłku, aby zrozumieć, co jest najlepsze dla Twojej witryny.

Stopniowo usuwamy bariery w wysokiej wydajności, zapewniając, że więcej użytkowników może skorzystać z zaawansowanych optymalizacji - i jeszcze więcej!

Gotowy, aby zobaczyć, jak te nowe zautomatyzowane funkcje mogą pomóc w Twojej witrynie? Zaktualizuj do WP Rocket 3.19 lub spróbuj z naszą 14-dniową gwarancją zwrotu pieniędzy. Doświadcz z pierwszej ręki, w jaki sposób upraszczamy optymalizację i daj nam znać swoje przemyślenia w komentarzach!