W WPBeginner poświęciliśmy lata na doskonalenie szybkości stron internetowych. Po przejrzeniu każdej z głównych optymalizacji, zaczęliśmy stosować technikę, która przyniosła natychmiastowy wzrost: preloading linków.
Jeśli frustruje Cię nawet najmniejsze opóźnienie w ładowaniu stron, wiesz, jak bardzo może to wpłynąć na doświadczenie użytkownika. Wstępne ładowanie linków to sprytna funkcja przeglądarki, która przygotowuje następną stronę, zanim odwiedzający kliknie link.
Rezultatem jest witryna, która działa niezwykle szybko i niemal natychmiast. To zaskakująco prosty sposób na zauważalne przyspieszenie działania Twojej witryny, które spodoba się odwiedzającym.
W tym przewodniku pokażemy Ci, jak poprawnie to skonfigurować. Zacznijmy.
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 polega na tym, że przeglądarka internetowa odwiedzającego inteligentnie ładuje połączoną stronę w tle zanim faktycznie kliknie w link. Więc, kiedy już kliknie, strona ładuje się natychmiast. Chodzi o to, aby Twoja strona internetowa działała bardzo szybko i responsywnie.
Dlaczego warto się tym wszystkim przejmować? Cóż, szybsza strona to szczęśliwsza strona, według naszych doświadczeń. Na początek, Google i inne wyszukiwarki uwielbiają szybkie strony. To duża sprawa dla SEO. Szybsza strona potencjalnie przyciąga więcej ruchu na Twój blog.
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ść swojego WordPressa. Obejmuje to użycie wtyczki wydajności lub sieci CDN.
Na przykład potężna wtyczka buforująca, taka jak WP Rocket, może zrobić ogromną różnicę. Jednak preloading 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 cachowania i innych krytycznych optymalizacji prędkości. Jest to rozwiązanie typu „wszystko w jednym”, które zajmuje się wieloma usprawnieniami wydajności, stanowiąc doskonałą podstawę do dalszych działań, takich jak preloading linków.
Jedyną rzeczą jest to, że kluczowe jest prawidłowe skonfigurowanie wstępnego ładowania, aby uniknąć problemów z serwerem. Zbyt agresywne wstępne ładowanie wszystkich wewnętrznych linków, na przykład, mogłoby 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 na wstępne ładowanie 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 witryny 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 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 WordPress.
Następnie możesz zaznaczyć pole „Preload only on mouse hover”. Spowoduje to preloading linków tylko wtedy, gdy użytkownik najedzie na nie kursorem, i załaduje stronę tuż przed kliknię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, możesz chcieć dodać strony takie jak /cart i inne dynamiczne strony do tej listy, aby nie były preładowywane.
Podobnie, jeśli używasz wtyczki do marketingu afiliacyjnego, takiej jak ThirstyAffiliates lub PrettyLinks, ważne jest, aby dodać prefiks afiliacyjny, taki jak /refer/ lub /go/, do tej listy ignorowanych słów kluczowych. W przeciwnym razie może to zakłócić ś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.
Uwaga: Jeśli przeprowadzasz test prędkości strony internetowej za pomocą narzędzia takiego jak PageSpeed Insights i nie widzisz poprawy swojego wyniku, to jest to całkowicie normalne. Preload linków poprawia jedynie szybkość klikania w linki i nie przyspiesza pierwszego ładowania Twojej witryny.
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ęć.
Uzyskaj więcej wskazówek od ekspertów, jak przyspieszyć WordPress
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak preloadingować linki w WordPressie w celu szybszego ładowania. Możesz również zapoznać się z innymi poradnikami dotyczącymi przyspieszania Twojej witryny 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