Zaufane samouczki WordPress, kiedy ich najbardziej potrzebujesz.
Przewodnik dla początkujących po WordPressie
WPB Cup
25 milionów+
Witryny korzystające z naszych wtyczek
16+
Lata doświadczenia z WordPressem
3000+
Samouczki WordPress od ekspertów

Jak prawidłowo wyłączyć leniwe ładowanie w WordPress (krok po kroku)

Domyślnie WordPress używa leniwego ładowania do opóźnienia pobierania multimediów, co poprawia czas ładowania.

W WPBeginner używamy tej funkcji na niektórych naszych stronach, aby przyspieszyć ich działanie. Pomaga to w szybszym ładowaniu stron poprzez opóźnianie ładowania obrazów do momentu, gdy będą faktycznie potrzebne.

Istnieje jednak wiele powodów, aby wyłączyć leniwe ładowanie, czy to w celu optymalizacji konkretnych elementów, rozwiązywania problemów, zapewnienia kompatybilności wtyczek, czy zapobiegania złemu doświadczeniu użytkownika.

W tym artykule pokażemy Ci, jak łatwo wyłączyć leniwe ładowanie w WordPressie.

Jak prawidłowo wyłączyć leniwe ładowanie w WordPress

Co to jest leniwe ładowanie?

WordPress po raz pierwszy wprowadził leniwe ładowanie obrazów w WordPressie 5.5. Później rozszerzył funkcję leniwego ładowania na osadzanie elementów iframe (takich jak filmy z YouTube, Spotify i inne osadzenia).

Ta praktyka pomaga poprawić wydajność witryny i szybkość ładowania stron, szybko ładując najpierw treści widoczne na ekranie.

Szybsza witryna jest dobra nie tylko dla użytkowników, ale może również poprawić rankingi Twojej witryny, ponieważ wyszukiwarki takie jak Google uważają szybkość za ważny czynnik rankingowy.

Oprócz obrazów i osadzonych elementów, możesz również łatwo leniwie ładować komentarze i Gravatary, aby dalej poprawić szybkość ładowania strony.

Możesz zobaczyć funkcjonalność leniwego ładowania w akcji, klikając prawym przyciskiem myszy na obrazek i wybierając narzędzie Inspektuj w swojej przeglądarce.

Leniwe ładowanie obrazów w WordPress

Spowoduje to podzielenie ekranu przeglądarki i wyświetlenie kodu źródłowego HTML. Stąd będzie można zobaczyć atrybut „loading=lazy” dodany do obrazu.

Zazwyczaj nie zalecamy wyłączania leniwego ładowania ze względu na jego ogólne korzyści dla Twojej witryny WordPress. Wyłączenie go może skutkować wolniejszą prędkością witryny, niższymi wskaźnikami konwersji i niższymi rankingami SEO.

Jednak leniwe ładowanie może negatywnie wpłynąć na doświadczenie użytkownika w przypadku niektórych stron internetowych.

Na przykład, jeśli prowadzisz witrynę fotograficzną, gdzie obrazy są najważniejszym aspektem Twoich treści, leniwe ładowanie ich może zrujnować doświadczenie użytkownika dla Twoich klientów.

W innych przypadkach możesz używać innego rozwiązania do leniwego ładowania i po prostu chcesz wyłączyć domyślne leniwe ładowanie WordPressa.

Biorąc to pod uwagę, zobaczmy, jak łatwo możesz wyłączyć leniwe ładowanie w WordPressie.

W tym samouczku pokażemy metodę kodu i metodę wtyczki. Możesz użyć poniższych linków, aby przejść do preferowanej opcji:

Możesz wyłączyć funkcję leniwego ładowania w WordPressie, dodając niestandardowy kod do pliku functions.php swojego motywu.

Pamiętaj jednak, że najmniejszy błąd podczas dodawania kodu może zepsuć Twoją witrynę i uczynić ją niedostępną.

Dlatego zalecamy używanie WPCode do dodawania niestandardowego kodu.

To najlepsza wtyczka do fragmentów niestandardowego kodu WordPress na rynku. Ponadto sprawia, że dodawanie kodu do Twojej witryny jest bardzo łatwe i bezpieczne.

Dokładnie przetestowaliśmy to na naszej stronie demonstracyjnej i uzyskaliśmy doskonałe wyniki. Aby dowiedzieć się więcej, zapoznaj się z naszą kompletną recenzją WPCode.

Najpierw musisz zainstalować i aktywować wtyczkę WPCode. Szczegółowe instrukcje znajdziesz w naszym przewodniku dotyczącym instalacji wtyczki WordPress.

🚨 Uwaga: WPCode oferuje również darmową wersję, której możesz użyć do tego tutorialu. Jednak uaktualnienie do płatnego planu zapewni Ci dostęp do funkcji takich jak biblioteka fragmentów kodu w chmurze, logika warunkowa i inne.

Po aktywacji przejdź na stronę Fragmenty kodu » + Dodaj fragment z panelu administracyjnego WordPress.

Stąd kliknij przycisk „Użyj fragmentu” w opcji „Dodaj własny kod (Nowy fragment)”.

Dodaj nowy fragment

Przekieruje Cię to do strony „Utwórz niestandardowy fragment kodu”, gdzie możesz zacząć od wpisania nazwy dla swojego fragmentu kodu.

Może to być cokolwiek, co pomoże Ci zidentyfikować fragment kodu i jego działanie. My nazwaliśmy nasz „Wyłącz leniwe ładowanie”.

Po nadaniu niestandardowemu fragmentowi kodu nazwy, wybierz „PHP Snippet” z menu rozwijanego „Code Type” w prawym rogu ekranu.

Wybierz typ kodu PHP dla fragmentu kodu, aby wyłączyć leniwe ładowanie

Teraz skopiuj i wklej poniższy kod PHP w polu „Podgląd kodu”:

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

Tak będzie wyglądał kod po wklejeniu.

Dodaj fragment kodu

Następnie przewiń w dół do sekcji „Wstawianie”. Tutaj po prostu wybierz tryb „Automatyczne wstawianie”.

Zapewni to automatyczne wykonanie Twojego niestandardowego kodu wszędzie w Twojej witrynie WordPress po aktywacji fragmentu.

Wybierz metodę wstawiania

Następnie przewiń z powrotem na górę strony i po prostu przełącz przełącznik „Nieaktywny” na „Aktywny”.

Na koniec nie zapomnij kliknąć przycisku „Zapisz fragment”, aby zapisać i uruchomić swój fragment kodu.

Zapisz swój fragment kodu

Teraz leniwe ładowanie zostanie wyłączone na Twojej witrynie WordPress.

Możesz to przetestować, klikając prawym przyciskiem myszy na obrazie i wybierając „Zbadaj” z menu przeglądarki.

Leniwe ładowanie wyłączone

W kodzie HTML obrazu atrybut „loading=lazy” zniknie.

Metoda 2: Wyłącz leniwe ładowanie w WordPressie za pomocą wtyczki

Jeśli nie chcesz dodawać kodu do swojej witryny, możesz użyć wtyczki do wyłączenia leniwego ładowania WordPressa.

Jedyną rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę Disable Lazy Load. Aby uzyskać więcej instrukcji, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.

Aktywuj wtyczkę, aby wyłączyć leniwe ładowanie

Wtyczka działa od razu i nie wymaga żadnej konfiguracji. Po aktywacji automatycznie wyłączy funkcję leniwego ładowania na Twojej stronie internetowej.

Samouczek wideo

Jeśli nie preferujesz pisemnych instrukcji, możesz obejrzeć nasz samouczek wideo:

Subskrybuj WPBeginner

Bonus: Zwiększ szybkość i wydajność swojej witryny

Po wyłączeniu leniwego ładowania może to negatywnie wpłynąć na szybkość i wydajność Twojej witryny.

W takim przypadku możesz wypróbować inne wskazówki, aby zwiększyć wydajność swojej witryny i skrócić czas ładowania strony. Na przykład, możesz zoptymalizować obrazy w swojej witrynie, kompresując je, używając formatów plików JPEG lub PNG i nie tylko.

Dodatkowo, zawsze powinieneś używać najnowszej wersji WordPressa, stosować fragmenty na stronie głównej, dzielić komentarze na strony i używać motywów zoptymalizowanych pod kątem SEO na swojej stronie internetowej.

Katalog motywów WordPress.org

Poza tym możesz również używać wtyczek do buforowania, takich jak WP Rocket lub WP Super Cache, aby jeszcze bardziej przyspieszyć działanie swojej witryny.

Aby uzyskać więcej wskazówek, zapoznaj się z naszym przewodnikiem dla początkujących, jak zwiększyć szybkość i wydajność WordPressa.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak prawidłowo wyłączyć leniwe ładowanie w WordPress. Możesz również zapoznać się z naszym przewodnikiem dla początkujących na temat optymalizacji obrazów WordPress w celu szybszego ładowania stron lub zapoznać się z naszym wyborem najlepszych wtyczek do kompresji obrazów WordPress.

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.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz w niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak finansowany jest WPBeginner, dlaczego to ważne i jak możesz nas wesprzeć. Oto nasz proces redakcyjny.

Ostateczny zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi – kolekcji produktów i zasobów związanych z WordPress, które powinien mieć każdy profesjonalista!

Interakcje czytelników

6 CommentsLeave a Reply

  1. Dziękuję za fragment kodu. Po tym, jak PageSpeed Insights zaczął mnie ostrzegać o problemach z leniwym ładowaniem i poinformował, że jest to problematyczne dla mojej witryny, próbowałem na wiele sposobów wyłączyć leniwe ładowanie. Witryna jest zbudowana na Elementorze i nic nie działało poprawnie. Fragment kodu w końcu rozwiązał problem i teraz PageSpeed Insights nie zgłasza już tego problemu. Myślałem, że leniwe ładowanie będzie lepsze dla wydajności, ale według pomiarów na mojej witrynie i szablonie tak nie było. Ten fragment kodu mnie uratował.

  2. Artykuły tej strony bardzo mi pomogły… Chciałem tylko powiedzieć: Dziękuję!

  3. A co z wyłączeniem leniwego ładowania TYLKO dla obrazu wyróżnionego (pierwszy obraz nad linią zgięcia)? Czy jest na to prosty sposób?

    • Nie mamy rekomendacji dotyczącej warunkowego wyłączania, ale jeśli się zmieni, na pewno się podzielimy!

      Admin

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszą polityką komentowania, a Twój adres e-mail NIE zostanie opublikowany. Prosimy NIE używać słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.