W WPBeginner stale testujemy nowe sposoby na szybsze ładowanie naszych stron internetowych. Po wypróbowaniu dziesiątek metod odkryliśmy, że wstępne ładowanie linków zapewnia natychmiastowy wzrost prędkości.
Wiemy, jak frustrujące mogą być powolne ładowania stron zarówno dla Ciebie, jak i Twoich odwiedzających. Nawet krótkie opóźnienie może zaszkodzić ruchowi na Twojej stronie i kosztować Cię sprzedaż.
Wstępne ładowanie linków rozwiązuje ten problem, przygotowując następną stronę, zanim użytkownik faktycznie kliknie link. Dzięki temu Twoja strona internetowa wydaje się niezwykle szybka i responsywna.
W tym przewodniku pokażemy Ci, jak łatwo skonfigurować wstępne ładowanie linków w WordPress.
Co to jest preloading linków w WordPressie?
Preloadowanie linków polega na tym, że przeglądarka internetowa ładuje link w tle, zanim użytkownik go kliknie, co przyspiesza ładowanie stron, gdy je odwiedza.
To tak, jakby kuchnia zaczęła gotować Twój posiłek, zanim dotrzesz do restauracji!
Technicznie rzecz biorąc, wstępne ładowanie linków informuje przeglądarkę internetową odwiedzającego, aby w tle cicho pobrała kod (HTML) dla połączonej strony zanim faktycznie kliknie ona link.
Więc, kiedy użytkownik faktycznie kliknie, strona wydaje się ładować natychmiast. Chodzi o to, aby Twoja strona internetowa była super szybka i responsywna.
Po co w ogóle się w to zagłębiać? Cóż, według naszych doświadczeń szybsza strona internetowa to szczęśliwsza strona internetowa. Na początek Google i inne wyszukiwarki uwielbiają szybkie strony internetowe. To duża sprawa dla SEO. Szybsza strona potencjalnie przyciąga więcej ruchu na Twojego bloga.
Ponadto, i być może nawet co ważniejsze, sprawia, że odwiedzający są szczęśliwsi. Nikt nie lubi czekać na załadowanie stron, prawda? Płynna, szybka strona internetowa po prostu lepiej się użytkuje.
Możesz zrobić wiele rzeczy, aby poprawić szybkość i wydajność WordPressa. Obejmuje to użycie wtyczki wydajnościowej lub sieci CDN.
Na przykład potężna wtyczka do buforowania, taka jak WP Rocket, może zrobić ogromną różnicę. Jednak wstępne ładowanie linków to unikalna technika, która wyróżnia się prostotą.
Wskazówka eksperta: Używamy WP Rocket na wielu naszych stronach internetowych do obsługi buforowania i innych krytycznych optymalizacji prędkości. WP Rocket ma wbudowane wstępne ładowanie linków. Jeśli już go używasz, nie potrzebujesz osobnego wtyczki. Po prostu przejdź do Ustawienia » WP Rocket » Preload w swoim panelu i zaznacz pole „Włącz wstępne ładowanie linków”.
Jednakże, kluczowe jest prawidłowe skonfigurowanie wstępnego ładowania, aby uniknąć problemów z serwerem. Na przykład, zbyt agresywne wstępne ładowanie wszystkich wewnętrznych linków może doprowadzić do awarii serwera.
Mając to na uwadze, pokażemy Ci, jak prawidłowo wstępnie ładować linki w WordPress, krok po kroku.
Jak preładowywać linki w WordPressie i przyspieszyć swoją stronę
Najprostszym sposobem wstępnego ładowania linków jest użycie wtyczki Flying Pages. Po prostu dodaje ona inteligentne wstępne ładowanie, aby upewnić się, że wstępne ładowanie nie spowoduje awarii Twojej strony, ani nawet jej spowolnienia.
Jeśli wykryje jakiekolwiek problemy, wtyczka zatrzyma wszystkie wstępne ładowania.
Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę. Więcej szczegółów znajdziesz w naszym przewodniku o tym, jak zainstalować wtyczkę WordPress.
Po aktywacji musisz przejść do Ustawienia » Flying Pages w swoim panelu administracyjnym WordPress, aby skonfigurować ustawienia wtyczki.
Następnie musisz ustawić czas „Opóźnienie rozpoczęcia wstępnego ładowania” w rozwijanym menu. To ustawienie określa, jak długo wtyczka czeka, zanim zacznie wstępnie pobierać linki.
Czeka na moment, gdy przeglądarka jest bezczynna (co oznacza, że nie jest zajęta ładowaniem bieżącej strony), aby uniknąć spowolnień. Dla większości witryn domyślne ustawienie „0 sekund”, które rozpoczyna prefetching, gdy tylko przeglądarka jest wolna, działa doskonale.
Następnie możesz zmienić „Maksymalną liczbę żądań na sekundę”. Im niższa wartość, tym mniejszy wpływ będzie miało to na Twój serwer.
Pozostawimy domyślne ustawienie „3 żądania”, które powinno działać dla większości środowisk hostingowych WordPressa. Jeśli korzystasz z budżetowego planu hostingu współdzielonego i zauważysz, że Twój serwer zwalnia, możesz obniżyć tę wartość do 1 lub 2. Jeśli używasz wydajnego hostingu zarządzanego, domyślne ustawienie jest w porządku.
Następnie możesz zaznaczyć pole wyboru „Preload only on mouse hover” (Preload tylko po najechaniu myszką). Spowoduje to wstępne ładowanie linków tylko wtedy, gdy użytkownik najedzie na nie kursorem na komputerze stacjonarnym.
W przypadku użytkowników mobilnych wtyczka inteligentnie się dostosowuje, rozpoczynając wstępne ładowanie w momencie, gdy użytkownik lekko dotknie linku, dając mu przewagę przed pełnym dotknięciem.
Dzięki temu następna strona wydaje się ładować natychmiast. Średnio, między momentem, gdy użytkownik najeżdża kursorem na link, a faktycznym kliknięciem, występuje opóźnienie około 400 milisekund (ms). To krótkie okno daje przeglądarce przewagę w pobieraniu następnej strony.
Możesz również ustawić „Opóźnienie najazdu myszą”. Jest to czas, który upłynie po najechaniu użytkownika kursorem na link, zanim rozpocznie się wstępne ładowanie.
Poniżej znajduje się lista słów kluczowych, które wtyczka zignoruje podczas wstępnego ładowania.
Są to standardowe strony logowania i pliki obrazów. Możesz pozostawić listę tak, jak jest, lub dodać więcej słów kluczowych, jeśli chcesz.
Jeśli prowadzisz sklep internetowy, musisz dodać dynamiczne strony, takie jak /cart, /checkout i /my-account do tej listy, aby nie były wstępnie ładowane. Powinieneś również wpisać „logout” w polu, aby wykluczyć linki wylogowania, zapobiegając przypadkowemu wylogowaniu użytkowników tylko przez przesunięcie myszką.
Podobnie, jeśli używasz wtyczki marketingu afiliacyjnego, takiej jak ThirstyAffiliates lub PrettyLinks, ważne jest, aby dodać swój prefiks afiliacyjny, taki jak /refer/ lub /go/, do tej listy słów kluczowych do zignorowania. W przeciwnym razie może to zepsuć śledzenie linków afiliacyjnych.
Ostatnią opcją jest wyłączenie preloading dla administratorów.
Ogólnie rzecz biorąc, pomoże to zmniejszyć obciążenie serwera Twojej witryny. Jeśli chcesz wstępnie ładować tylko dla odwiedzających witrynę, którzy nie są zalogowanymi administratorami, po prostu zaznacz pole wyboru.
Po zakończeniu kliknij przycisk „Zapisz zmiany” u dołu strony.
To wszystko! Pomyślnie włączyłeś wstępne ładowanie linków na swojej stronie internetowej.
Chcesz zobaczyć to w akcji? Otwórz swoją witrynę w Google Chrome, kliknij prawym przyciskiem myszy w dowolnym miejscu i wybierz „Zbadaj”, aby otworzyć Narzędzia deweloperskie. Przejdź do zakładki „Sieć” i obserwuj, co się dzieje, gdy najedziesz kursorem na link. Zobaczysz, że strona ładuje się w tle, zanim jeszcze klikniesz!
Uwaga: Jeśli przeprowadzasz test szybkości strony internetowej za pomocą narzędzia takiego jak PageSpeed Insights i nie widzisz poprawy swojego wyniku, jest to całkowicie normalne. Wstępne ładowanie linków poprawia tylko szybkość klikania w linki i nie przyspiesza pierwszego ładowania Twojej strony.
Często zadawane pytania dotyczące wstępnego ładowania linków
Oto kilka najczęściej zadawanych pytań dotyczących preloading linków w WordPressie i tego, jak wpływa to na wydajność witryny.
1. Jaka jest główna korzyść z preloading linków?
Główną korzyścią jest znacznie lepsze doświadczenie użytkownika. Gdy odwiedzający najeżdża kursorem na link, strona zaczyna ładować się w tle. Dzięki temu następna strona wydaje się ładować prawie natychmiast po kliknięciu, sprawiając, że Twoja witryna działa szybciej i jest bardziej responsywna.
2. Czy preloading linków poprawi mój wynik Google PageSpeed?
Nie, i to jest ważny punkt. Wstępne ładowanie linków poprawia postrzeganą wydajność dla faktycznych użytkowników poruszających się po Twojej witrynie. Nie wpływa to na początkowy czas ładowania pojedynczej strony, który jest mierzony przez narzędzia takie jak PageSpeed Insights.
3. Czy preloading linków może spowodować awarię mojego serwera?
Wykonane nieostrożnie, agresywne wstępne ładowanie może zwiększyć obciążenie serwera, zwłaszcza w przypadku hostingu współdzielonego. Dzieje się tak, ponieważ każde wstępne ładowanie działa jak mini-wizyta na serwerze, a zbyt wiele naraz może go przeciążyć.
Jednak zalecana wtyczka Flying Pages została zaprojektowana, aby temu zapobiec. Inteligentnie czeka, aż przeglądarka będzie bezczynna i wykonuje prefetching tylko wtedy, gdy serwer nie jest obciążony, zapobiegając awariom lub spowolnieniom.
4. Czy są jakieś strony, które powinienem wykluczyć z wstępnego ładowania?
Tak, zawsze należy wykluczać strony dynamiczne. Obejmuje to koszyk, stronę realizacji zakupu i strony konta na stronie e-commerce. Ważne jest również, aby wykluczyć linki partnerskie (takie jak te z prefiksem /refer/ lub /go/), aby zapewnić prawidłowe śledzenie kliknięć.
Dodatkowe zasoby, aby przyspieszyć WordPress
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak wstępnie ładować linki w WordPressie w celu szybszego ładowania. Możesz również zapoznać się z innymi poradnikami dotyczącymi przyspieszania Twojej strony WordPress:
- Najszybszy hosting WordPress (z testami wydajności)
- Najlepsze wtyczki buforujące WordPress do przyspieszenia Twojej witryny
- Jak zminimalizować pliki CSS / JavaScript w WordPress
- Jak zoptymalizować Core Web Vitals dla WordPress (kompletny przewodnik)
- Jak łatwo leniwie ładować obrazy w WordPressie
- Jak przyspieszyć witrynę eCommerce
Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.
Olaf
Wstępne ładowanie to świetna funkcja. Zauważyłem, że więcej wtyczek do buforowania zawiera ją teraz w porównaniu do poprzednich wersji. Przetestowaliśmy WP Rocket, gdzie link powinien ładować się natychmiast po najechaniu na niego kursorem przez użytkownika. WP Rocket natychmiast zaczyna buforować stronę pod linkiem, bez konieczności klikania przez użytkownika. Jeśli kliknie, strona jest serwowana bezpośrednio z bufora. Przetestowaliśmy czasy ładowania z tą funkcją i bez niej, i muszę przyznać, że różnica była niezwykła. Jeśli masz wystarczającą wydajność serwera, jest to doskonała funkcja, która może znacznie przyspieszyć działanie witryny.
Dennis Muthomi
Świetny artykuł o preloadingu linków!
Wdrożyłem tę technikę na kilku stronach klientów (ale nie na wszystkich) i zauważyłem znaczną poprawę w postrzeganej szybkości ładowania.
Chciałbym dodać: rozważ użycie opcji „Preload only on mouse hover” dla stron z dużą ilością treści, aby zrównoważyć wydajność i obciążenie serwera. To zmieniło zasady gry dla moich klientów z dużymi katalogami produktów.
Jiří Vaněk
Używam funkcji „preload links” wtyczki cache WP Rocket i muszę przyznać, że jest to świetna funkcja, która naprawdę przyspiesza ładowanie strony. Mogę ją gorąco polecić. Tak więc, konkretnie dla przyspieszenia strony, WP Rocket jest prawdopodobnie najlepszą opcją, ponieważ natywnie zawiera tę funkcję i znacznie pomaga w przyspieszeniu witryny. Wśród wtyczek cache jest to najlepszy wybór.
Wsparcie WPBeginner
Thank you for sharing what you use for your site
Admin
Cassie
Dziękuję za udostępnienie. Nigdy nie wiedziałem, że coś takiego istnieje. Wydaje się to dość proste i łatwe do wdrożenia. Zachowam tę informację, aby móc ją wypróbować. Uwielbiam uczyć się nowych rzeczy!
Dzięki jeszcze raz!
Cassie
Wsparcie WPBeginner
Proszę bardzo, cieszę się, że nasz artykuł był pomocny!
Admin
Mohamed
Czy to wpływa na linki afiliacyjne na stronach mojej witryny?
Wsparcie WPBeginner
It would if you do not exclude those from the plugin which is why we recommend excluding them in this article
Admin
Hosseoin
Cześć
Czy to nie jest ta sama opcja natychmiastowego kliknięcia w niektórych wtyczkach cache?
Wsparcie WPBeginner
Tak, w tej chwili jest to podobne narzędzie do tego, w zależności od wybranej wtyczki buforującej.
Admin