Jak zmniejszyć liczbę żądań HTTP w WordPress (6 prostych sposobów)

Kilka lat temu szukaliśmy najlepszych sposobów na przyspieszenie witryny internetowej WPBeginner. To właśnie wtedy odkryliśmy, że zmniejszenie liczby żądań HTTP ma wpływ na szybkość jej wczytywania.

Za każdym razem, gdy ktoś przejdzie na twoją witrynę internetową, jego przeglądarka wysyła żądania do twojego serwera, prosząc go o pobranie wszystkich plików potrzebnych do wyświetlenia strony, w tym obrazków, arkuszy stylów i skryptów. Niestety, każde z tych żądań HTTP wydłuża proces wczytywania.

Gdy jest zbyt wiele żądań, twój serwer musi pracować ciężej, a to spowalnia twoją witrynę internetową. Może to również zaszkodzić SEO twojej witryny internetowej i wrażeniom użytkownika.

W tym artykule przedstawimy praktyczne metody redukcji żądań HTTP w WordPress i zwiększenia wydajności twojej witryny internetowej.

Dlaczego warto ograniczyć liczbę żądań HTTP w WordPress?

Każda strona w twojej witrynie internetowej WordPress zawiera zazwyczaj kilka elementów. Mogą to być obrazki, pliki CSS i JavaScript, osadzane filmy i wiele innych.

Kiedy ktoś przechodzi na stronę internetową, jego przeglądarka musi wczytywać każdy element osobno, aby wyświetlić stronę. Jeśli twoja witryna internetowa zawiera wiele obrazków lub innych zasobów, może to prowadzić do wolnych czasów ładowania.

Oprócz plików hostowanych na twoim serwerze, twoja witryna internetowa może również wczytywać zasób z zewnętrznych źródeł, takich jak skrypty Google Analytics, widżety mediów społecznościowych lub piksele reklamowe.

Chociaż elementy te zwiększają funkcjonalność twojej witryny internetowej i zwiększają komfort użytkowania, mogą również spowalniać czas jej wczytywania, jeśli nie są zoptymalizowane.

Powolne witryny internetowe mogą frustrować odwiedzających, powodując ich opuszczenie, zanim strona w ogóle się wczyta. Według badania Strange Loop, jednosekundowe opóźnienie może prowadzić do 7% spadku konwersji, 11% mniejszej liczby odsłon i 16% spadku zadowolenia klientów.

Redukcja żądań HTTP w WordPress jest doskonałym sposobem na poprawę wydajności twojej witryny internetowej i jest jednym z kluczowych sposobów, w jaki zwiększamy szybkość wczytywania strony na WPBeginner.

Jak identyfikować żądania HTTP

Zanim pokażemy, jak zmniejszyć liczbę żądań HTTP w WordPress, omówmy, jak można je zidentyfikować.

Możesz łatwo zobaczyć żądania HTTP wykonane przez twoją witrynę internetową za pomocą narzędzi programistycznych przeglądarki. Spowoduje to wyświetlenie listy plików, które muszą być wczytywane, aby zobaczyć stronę internetową.

Na przykład w przeglądarce Google Chrome można otworzyć narzędzia dla programistów, przechodząc do Zobacz ” Deweloper ” Sprawdź. Możesz również kliknąć prawym przyciskiem myszy na stronie i wybrać “Inspect” z menu.

Następnie przejdź do karty “Sieć”. Przeładuj stronę, a zobaczysz listę wszystkich wczytywanych zasobów, w tym wewnętrznych i zewnętrznych żądań HTTP.

Aby zobaczyć tylko zewnętrzne żądania HTTP, można użyć filtra “Żądania innych firm”. Jeśli chcesz zobaczyć tylko niektóre rodzaje plików, które mogą wpływać na twój czas wczytywania, takie jak JS (JavaScript) lub CSS, po prostu użyj przycisków u góry, aby przefiltrować listę.

Zwróć uwagę na pliki, które wolno się wczytują. Możesz spojrzeć na kolumnę “Czas”, aby zobaczyć, jak długo trwa wczytywanie każdego z tych zasobów. Następnie możesz kliknąć nagłówek tej kolumny, aby posortować listę według czasu, a kliknięcie go po raz drugi spowoduje umieszczenie najwolniej wczytywanych plików na górze.

Gdy spojrzysz na czwartą kolumnę “Inicjator”, czasami zobaczysz nazwę wtyczki lub motywu, który wczytywał plik. Zanotuj wszystkie wtyczki lub motywy, które żądają wolno wczytywanych plików.

Możesz użyć narzędzi innych firm, takich jak Pingdom, aby uzyskać bardziej szczegółowy raport. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat śledzenia żądań domen stron trzecich w WordPress.

Mając to na uwadze, oto kilka najlepszych sposobów na zmniejszenie liczby żądań HTTP w WordPress, co prowadzi do skrócenia czasu wczytywania, poprawy komfortu użytkowania i lepszych pozycji w wyszukiwarkach:

Zaczynajmy!

1. Łączenie plików CSS i JavaScript

Najlepszym sposobem na zmniejszenie liczby żądań HTTP wysyłanych do twojej witryny internetowej jest zmniejszenie liczby plików, do których trzeba uzyskać dostęp. Możesz połączyć wiele plików, aby zmniejszyć liczbę żądań HTTP bez utraty funkcjonalności.

Na przykład, zamiast mieć wiele plików CSS dla różnych części projektu twojej witryny internetowej, możesz połączyć je w jeden plik. Ten pojedynczy plik będzie zawierał cały niezbędny kod stylizacji, a przeglądarka będzie musiała wykonać tylko jedno żądanie zamiast wielu.

Podobnie, można połączyć wiele plików JavaScript w jeden, zmniejszając liczbę żądań potrzebnych do wczytywania interaktywnych elementów twojej witryny internetowej.

Kilka wtyczek WordPress może zautomatyzować ten proces. Popularne opcje obejmują WP Rocket (premium) i Autoptimize (bezpłatne).

Szczegółowe informacje na temat korzystania z tych wtyczek można znaleźć w naszym przewodniku na temat poprawek blokujących renderowanie skryptów JavaScript i CSS w WordPress.

Oprócz łączenia twoich plików, wtyczki te również je zminimalizują. Usuwa to niepotrzebne znaki, takie jak białe znaki i komentarze, z kodu, dzięki czemu pliki są mniejsze, nie mając wpływu na ich funkcjonalność. To dodatkowo poprawia szybkość wczytywania poprzez zmniejszenie ilości danych, które muszą zostać pobrane.

2. Leniwe wczytywanie obrazków i filmów

Leniwe wczytywanie to kolejny dobry sposób na poprawę wydajności ładowania witryny internetowej, zwłaszcza jeśli twoje strony zawierają wiele obrazków lub filmów.

Zwykle WordPress wczytuje wszystkie pliki multimedialne przed wyświetleniem strony internetowej, nawet jeśli te obrazki lub filmy znajdują się w dalszej części strony i nie są od razu widoczne dla użytkownika. Może to znacznie wydłużyć początkowy czas wczytywania strony.

Leniwe ładowanie optymalizuje ten proces, opóźniając wczytywanie obrazków i filmów do momentu, w którym mają się one przewinąć do widoku użytkownika.

Te pomocne poradniki pomogą ci dowiedzieć się, jak skonfigurować leniwe wczytywanie na twojej witrynie internetowej WordPress:

• Jak łatwo wczytywać obrazki w WordPressie?
• Jak łatwo dodać leniwe wczytywanie filmów w WordPressie?
• Jak leniwie wczytywać Gravatary w komentarzach WordPressa?

3. Korzystanie z systemu dostarczania treści (CDN)

Korzystanie z sieci dostarczania treści (CDN) to kolejna skuteczna strategia poprawy szybkości wczytywania twojej witryny internetowej WordPress, szczególnie dla użytkowników znajdujących się daleko od twojego serwera WWW.

W przeciwieństwie do poprzednich metod, CDN nie zmniejsza liczby żądań HTTP. Zamiast tego optymalizuje sposób obsługi tych żądań.

Zwykle pliki twojej witryny internetowej są przechowywane na jednym serwerze WWW, a użytkownicy z całego świata muszą żądać plików z tej jednej lokalizacji. CDN przechowuje kopie plików twojej witryny internetowej na szybkich serwerach zlokalizowanych na całym świecie i są one dostarczane do przeglądarki użytkownika z serwera znajdującego się najbliżej niego.

Warto zapoznać się z naszym eksperckim porównaniem najlepszych usług WordPress CDN, aby dowiedzieć się, która opcja najlepiej pasuje do twojej witryny internetowej.

W WPBeginner używamy Cloudflare, aby poprawić szybkość wczytywania naszych stron, a ty możesz skorzystać z naszego poradnika krok po kroku, jak skonfigurować darmowy CDN Cloudflare w WordPress.

4. Wykorzystanie pamięci podręcznej przeglądarki

Możesz również wykorzystać pamięć podręczna przeglądarki, aby zmniejszyć liczbę żądań HTTP do twojej witryny internetowej, zwłaszcza jeśli masz powtarzających się użytkowników, którzy często przechodzą na twoją witrynę.

Gdy użytkownik przechodzi na twoją witrynę internetową po raz pierwszy, jego przeglądarka pobiera wszystkie niezbędne zasoby, takie jak obrazki, arkusze stylów i pliki JavaScript. Pamięć podręczna przeglądarki umożliwia przeglądarce przechowywanie kopii tych plików lokalnie na komputerze użytkownika.

Następnym razem, gdy przejdą na twoją witrynę internetową, przeglądarka sprawdza swoją lokalną pamięć podręczną przed wykonaniem żądań HTTP do twojego serwera. Jeśli w pamięci podręcznej znajduje się niewygasła kopia pliku, przeglądarka używa pliku lokalnego zamiast pobierać go ponownie.

Znacząco zmniejsza to liczbę żądań HTTP kierowanych do twojego serwera, co skutkuje szybszym czasem wczytywania dla powracających użytkowników.

Jeśli jednak treść twojej witryny internetowej jest często aktualizowana, ważne jest, aby ustawić odpowiednie czasy wygaśnięcia dla pamięci podręcznej zasobów. Daje to pewność, że twoi użytkownicy ostatecznie otrzymają najnowsze wersje plików.

Możesz kontrolować, jak długo zasoby są przechowywane w pamięci podręcznej, dodając nagłówki Expires w WordPress. Nagłówki te informują przeglądarkę, kiedy plik w pamięci podręcznej powinien zostać uznany za nieaktualny i musi zostać ponownie pobrany z twojego serwera.

5. Minimalizacja korzystania z zasobów zewnętrznych

Wiele wtyczek i motywów WordPress wczytuje zasoby, takie jak skrypty, arkusze stylów i obrazki z zewnętrznych witryn internetowych, takich jak Google Analytics, Facebook i dostawcy pism.

Te zewnętrzne żądania HTTP mogą wpływać na szybkość wczytywania twojej witryny internetowej, ponieważ przeglądarka musi łączyć się z wieloma serwerami, aby pobrać wszystkie niezbędne komponenty.

Nawet jeśli te zewnętrzne zasoby są zoptymalizowane pod kątem szybkości, korzystanie ze zbyt wielu z nich może spowolnić wydajność twojej witryny internetowej.

Aby ograniczyć te zewnętrzne żądania HTTP, możesz zacząć od wyłączania i usunięcia wtyczek i motywów, których w rzeczywistości nie potrzebujesz.

Powinieneś także rozważyć znalezienie alternatyw dla wszelkich wtyczek lub motywów, które żądają wolno wczytywanych plików. Mogłeś powiadomić o niektórych z nich podczas wcześniejszej identyfikacji żądań HTTP.

Wybierając wtyczki WordPress, pamiętaj o zewnętrznych zasobach, które wczytują. Warto wybierać wtyczki, których priorytetem jest wydajność i unikać tych, które wczytują nadmierną ilość zewnętrznych skryptów lub stylów.

Aby uzyskać bardziej szczegółową kontrolę nad wtyczkami, warto rozważyć użycie narzędzia do zarządzania wtyczkami, takiego jak Plugin Organizer. Pozwala to na selektywne wczytywanie wtyczek tylko na stronach, na których są one potrzebne.

Wreszcie, własne czcionki internetowe są często wczytywane od zewnętrznych dostawców, takich jak Google Fonts, i mogą znacząco przyczynić się do żądań HTTP. Powinieneś ograniczyć liczbę używanych rodzin i wag czcionek lub rozważyć użycie czcionek systemowych, które są już zainstalowane na komputerach użytkowników.

W WPBeginner przełączyliśmy się na krój pisma systemowego w 2021 roku, poprawiając czasy wczytywania naszych stron, szczególnie dla użytkowników z wolniejszymi połączeniami internetowymi. Możesz nauczyć się robić to samo w naszym przewodniku o tym , jak wyłączyć krój pisma Google na twojej witrynie internetowej WordPress.

6. Bonus: Włącz kompresję Gzip

Ostatnią wskazówką jest włączenie kompresji GZIP w celu zmniejszenia rozmiaru plików na twoim serwerze WWW.

Chociaż nie zmniejsza to bezpośrednio liczby żądań HTTP, przyspiesza proces i przyspiesza przesyłanie plików Twojej witryny internetowej.

Przewodniki ekspertów związane z poprawą wydajności WordPressa

Mamy nadzieję, że ten poradnik pomógł ci dowiedzieć się, jak zmniejszyć liczbę żądań HTTP w WordPress. Możesz również zapoznać się z innymi przewodnikami dotyczącymi poprawy wydajności WordPressa:

• Jak zoptymalizować obrazki pod kątem wydajności w sieci bez utraty jakości?
• Jak PHP i MySQL mogą zwiększyć szybkość witryny internetowej (przewodnik dla początkujących)
• Jak prawidłowo przeprowadzić test szybkości witryny internetowej?
• Jak przeprowadzić test wytrzymałościowy witryny internetowej WordPress
• Jak wykorzystać wtyczkę GTmetrix do poprawy wydajności witryny WordPress?

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.