Jak wykonać mniej żądań HTTP w witrynie WordPress

Szybkość jest krytycznym czynnikiem, który determinuje ranking stron w wyszukiwarkach. Cóż, zarówno wyszukiwarki, jak i użytkownicy uwielbiają strony, które ładują się szybko, a to dlatego, że szybka strona oferuje wyjątkowe wrażenia użytkownika. Jest to zatem istotny czynnik rankingowy. Jeśli szybkość ładowania witryny jest stosunkowo niska, a witryna nie działa zgodnie z oczekiwaniami, możliwą przyczyną może być większa liczba żądań HTTP.

Jeśli jesteś całkiem nowy we wszechświecie stron internetowych lub musisz dowiedzieć się więcej o szczegółach witryn internetowych, powinieneś wiedzieć, że więcej żądań HTTP spowalnia witryny. Zmniejszenie liczby żądań HTTP może poprawić czas ładowania stron internetowych. Zastanawiasz się jak to zrobić? Mamy dla Ciebie rozwiązanie.

Omówimy kilka sprawdzonych sposobów, które pomogą zmniejszyć liczbę żądań HTTP i zwiększyć wydajność i szybkość witryny.

Co to jest żądanie HTTP?

HTTP to protokół komunikacyjny stosowany, gdy użytkownik prosi o informacje online. Serwer dostarcza dane i treści, takie jak CSS, pliki HTML, obrazy, filmy itp. do użytkownika za pośrednictwem Internetu.

Sieć to rozległa przestrzeń z dużą ilością treści lub informacji hostowanych na serwerach. Gdy użytkownik próbuje uzyskać dostęp do informacji dostępnych w Internecie, przeglądarka wysyła żądania, a następnie otrzymuje odpowiedzi.

Bez żądania nie można nawiązać skutecznej komunikacji między użytkownikiem a serwerem. Dlatego żądanie HTTP jest warstwą komunikacji między serwerem a użytkownikiem. Serwer klienta wysyła wiadomość znaną jako HTTP (hypertext transfer protocol), która składa się z trzech różnych części: nagłówka, linii żądania i treści.

Jeśli chodzi o szybkość i wydajność witryny WordPress w oparciu o żądania HTTP, powinieneś znać następujące liczby.

• Witryna jest zdrowa i działa odpowiednio, gdy żądania HTTP są utrzymywane poniżej 50 dla każdej strony.

• Witryna zapewnia wyjątkową wydajność, gdy liczba żądań jest mniejsza niż 25 na stronę.

• Średnia liczba akceptowanych żądań HTTP wynosi 70, a witryna będzie działać przyzwoicie.

Zaleca się utrzymywanie witryny w dobrej kondycji, ponieważ zbyt wiele żądań HTTP spowalnia jej działanie. Przyjrzyjmy się powodom utrzymania dobrej wydajności witryny.

Dlaczego należy zmniejszyć liczbę żądań HTTP?

Jednym z głównych powodów zmniejszenia liczby żądań HTTP wykonywanych przez witrynę jest utrzymanie jej wydajności i szybkości. Jeśli jednak zagłębisz się w szczegóły, dowiesz się, że 80% czasu odpowiedzi witryny jest zwykle spędzane na samym froncie. Jednak niektóre z istotnych aspektów wpływających na czas ładowania strony to arkusze stylów, skrypty, obrazy itp.

Komponenty te są niezbędne do wyświetlania treści, a to, co wymaga czasu, to ustanowienie komunikacji między użytkownikiem a serwerem. Innym głównym powodem zmniejszenia liczby żądań HTTP jest więc utrzymanie w dobrej kondycji podstawowych elementów witryny.

Jeśli podsumujemy istotne powody zmniejszenia liczby żądań HTTP, otrzymamy następujący wynik.

• Więcej plików w witrynach WordPress powoduje wykonywanie wielu żądań HTTP.

• Dłuższe żądania HTTP zwiększają rzeczywisty czas ładowania witryny.

• Większe i cięższe pliki w witrynie powodują dłuższe żądania HTTP.

• Zmniejszenie liczby żądań HTTP ma pozytywny wpływ na LCP.

Teraz, gdy wiemy już o podstawowych zasadach zmniejszania liczby żądań HTTP, musisz również zrozumieć, że przeglądarka umożliwia pobieranie informacji z Twojej witryny.

Przyjrzyjmy się kilku sposobom na ich zmniejszenie.

Sposoby na zmniejszenie liczby żądań HTTP do witryny internetowej

Należy pamiętać, że mniej żądań HTTP oznacza mniej bajtów do pobrania. Zadanie to jest jednak trudniejsze niż się wydaje. Zamiast tego optymalizacja jest zniechęcająca.

Zbadaliśmy niektóre z najlepszych metod zmniejszania liczby żądań HTTP, które musi wykonać serwer. Lista obejmuje w pełni sprawdzone sposoby redukcji żądań HTTP za pomocą wtyczek, a także podejście ręczne.

Bez zbędnych ceregieli, zaczynajmy.

Używanie sprite'ów CSS do łączenia obrazów

Korzystanie ze sprite'ów CSS jest jednym z najlepszych sposobów na zmniejszenie liczby żądań HTTP dotyczących zasobów graficznych. Niestety, każdy plik CSS używany w witrynie blokuje renderowanie, co oznacza, że im więcej plików CSS dodasz, tym cięższa stanie się witryna i spowolni jej działanie.

Aby uniknąć tego problemu, należy połączyć wszystkie obrazy witryny w jednym pliku i zoptymalizować je w razie potrzeby. Po wykonaniu tej czynności, możesz teraz wykorzystać sztuczkę CSS sprites, w której będziesz musiał użyć CSS, aby wyświetlić tylko część obrazu tam, gdzie jest to wymagane. W Internecie dostępnych jest kilka narzędzi internetowych. Za ich pomocą można zoptymalizować obrazy.

Kilka najlepszych przykładów powszechnie używanych narzędzi obejmuje narzędzie CSS Sprites, CSS Sprite Editor i inne.

Aktywuj leniwe ładowanie obrazów

Leniwe ładowanie to funkcja, która odracza ładowanie obrazów poza rzutnią przeglądarki. Ale gdy użytkownik odwiedza witrynę i nie przewija jej do samego dołu, umieszczone tam obrazy nie zostaną załadowane. Można to osiągnąć za pomocą skryptu leniwego ładowania. Liczba żądań HTTP jest zmniejszona, ponieważ obrazy umieszczone powyżej zakładki będą ładowane dla strony internetowej.

Możesz poprosić programistę o dołączenie skryptu leniwego ładowania do swojej witryny lub użyć wtyczki. Na przykład WP Rockets oferuje funkcję leniwego ładowania, która wyświetli zawartość dla części, która jest obecna powyżej zagięcia, gdy jest używana w Twojej witrynie.

Ponadto kilka innych wtyczek oferuje leniwe ładowanie dla witryn WordPress. Możesz więc sprawdzić je online, aby zobaczyć, która z nich jest najbardziej odpowiednia. Sprawdź to, aby dowiedzieć się, jak przyspieszyć powolne strony internetowe.

Zastąp cięższe wtyczki lżejszymi

Jednym z najpewniejszych sposobów na zmniejszenie liczby żądań HTTP jest sprawdzenie rozmiaru wtyczek zainstalowanych w witrynie. Jednym z powodów spowolnienia witryny może być jedna lub więcej wtyczek pracujących więcej dla witryny i generujących więcej żądań HTTP.

Aby zidentyfikować wtyczkę jako lekką lub ciężką, należy upewnić się co do kilku rzeczy, takich jak profesjonalizm i jakość kodu, wydajność wykonywania kodu, funkcje i rozmiar pliku.

Istnieje kilka innych sposobów na oznaczenie wtyczek, które spowalniają witrynę. Po zidentyfikowaniu takich wtyczek można je oflagować. Postępuj zgodnie z 5-stopniową diagnozą wymienioną poniżej, aby podjąć lepszą decyzję;

1. Użyj narzędzia o nazwie Pingdom, aby uruchomić test wydajności swojej witryny w celu sprawdzenia liczby żądań HTTP, które musi wykonać. Zapisz również uzyskany wynik.

2. Aktywuj jedną wtyczkę, A, i ponownie uruchom test. Następnie możesz zapisać swój wynik.

3. Dezaktywuj pierwszą wtyczkę, a następnie zainstaluj inną wtyczkę, B i powtórz ten sam audyt.

4. Porównaj żądania HTTP wykonywane przez każdą wtyczkę, a następnie sprawdź, która z nich wykonuje ich więcej.

5. Jeśli jedna wykonuje mniej żądań niż druga, usuń tę cięższą i zachowaj tę lżejszą. Dostępnych jest wiele alternatyw, które wykonają tę samą pracę, ale są lżejszymi opcjami.

Zmniejsz ilość zewnętrznych skryptów na swojej stronie

Za każdym razem, gdy w witrynie ładowany jest skrypt innej firmy, należy wykonać żądania HTTP. To powiedziawszy, jeśli zmniejszysz liczbę skryptów innych firm, wykonane żądania również się zmniejszą.

Z drugiej strony, większa liczba żądań HTTP spowalnia witrynę, wpływając na jej wydajność. Dlatego należy śledzić wszystkie integracje witryny z podmiotami zewnętrznymi, aby zidentyfikować zasoby spowalniające witrynę.

Kilka żądań HTTP wymusza pobieranie zasobów z sieci, a ty chcesz zapewnić utrzymanie wydajności swojej witryny. Sprawdź to, aby dowiedzieć się, jak skrócić czas odpowiedzi serwera w WordPress.

Zewnętrzne skrypty, o których mówimy, zwykle pochodzą z pikseli Facebooka, tagów Analytics, przycisków udostępniania społecznościowego, filmów z YouTube, tagów testów A/B i innych źródeł. Aby poprawić wydajność witryny, kluczowe jest zidentyfikowanie plików, które zwiększają liczbę żądań. Możesz zoptymalizować żądania stron trzecich ręcznie lub użyć do tego wtyczki.

Zminimalizuj HTML, CSS i JavaScript

Zminimalizowanie kodów HTML, CSS i JavaScript pomaga usunąć niepotrzebne białe znaki, komentarze i niechciane znaki. Ponadto pomaga zmniejszyć rozmiary plików, dzięki czemu są one lżejsze.

Technikę tę można zastosować do wszystkich trzech plików: HTML, CSS i Javascript. To samo nie wpłynie na dostarczanie użytkownikom końcowym, ponieważ chodzi o czyszczenie kodu na zapleczu.

Pliki można zminimalizować ręcznie, online lub za pomocą narzędzia lub wtyczki.

• Aby zminimalizować pliki HTML, możesz otworzyć arkusz kodu i usunąć wszystkie niechciane elementy, takie jak komentarze, podziały wierszy itp.

• Aby zminimalizować pliki CSS, usuń wszystkie dodatkowe spacje i komentarze. Ponadto należy usunąć klasę, skrócić identyfikator i usunąć nazwy zmiennych w możliwym zakresie.

• Aby zminimalizować pliki JS, należy usunąć dodatkowe spacje i komentarze JS z kodu źródłowego. Należy również zamienić wszystkie tablice w obiekty, poszukać odpowiedzi na podstawowe wyrażenia stałe i zoptymalizować instrukcję warunkową, aby uzyskać najlepsze wyniki.

Alternatywnie, gdy używasz wtyczki do minifikacji plików, musisz zaznaczyć pola dla plików, które chcesz zminimalizować, a zadanie zostanie wykonane automatycznie. Jeśli używasz WP Rocket do tego procesu, mają osobną sekcję do optymalizacji plików.

Łączenie CSS i Javascript

Nie ulega wątpliwości, że jedną z najłatwiejszych metod zmniejszenia żądań HTTP generowanych przez witrynę jest połączenie plików CSS i Javascript. Niestety, wtyczki i motywy WordPress wymagają ładowania wielu arkuszy stylów JS i CSS. W tym celu przeglądarka musi załadować wszystkie zasoby do renderowania stron internetowych. Ostatecznie skutkuje to zwiększeniem liczby żądań HTTP.

Dostępnych jest kilka narzędzi online, za pomocą których można wygodnie łączyć pliki CSS i Javascript. SmartOptimizer, CSS Crush, JSCompress.com i inne to tylko niektóre z najlepszych opcji. Możesz przesłać połączone pliki swojej witryny WordPress na te strony internetowe i doświadczyć zwiększonej szybkości witryny. Ponadto zmniejsza to liczbę żądań HTTP, pomagając w ten sposób zoptymalizować witrynę.

Zoptymalizuj obrazy i usuń wszystkie nieistotne.

Chociaż nie ma jeszcze takiej wtyczki, która pomogłaby połączyć obrazy ze sprite'ami CSS, ale istnieje kilka niesamowitych wtyczek, które pomogą zoptymalizować obrazy Twojej witryny. Oczywiście obrazy mają kluczowe znaczenie dla niezrównanego doświadczenia użytkownika, ale powinieneś wiedzieć, że każdy dodany obraz generuje dodatkowe żądanie HTTP. Dlatego też należy mądrze wybierać wszystkie obrazy i dołączać tylko te, które dodają wartość do treści.

Alternatywnie, zoptymalizuj wszystkie obrazy przed dodaniem ich do witryny. Optymalizacja obrazów oznacza konieczność zmniejszenia ich rozmiaru, aby nie pogorszyć ich jakości.

To samo nie ma sensu w przypadku rozmytych obrazów w witrynie. Obrazy powinny być wysokiej jakości, ale nie ciężkie, gdzie treść i kontekst są widoczne.

Oto jak zoptymalizować obrazy w WordPress.

Istnieje kilka świetnych narzędzi do zmiany rozmiaru, których można użyć w celu uzyskania najlepszych wyników. Niektóre z nich to Photoshop, Preview for Mac, GIMP i wiele innych. Należy jednak pamiętać, że zmniejszenie rozmiaru plików obrazów nie wpływa na liczbę żądań HTTP, ale pomaga uczynić witrynę lżejszą, co skutkuje krótszym czasem ładowania.

Ładuj skrypty tylko wtedy, gdy jest to wymagane

Jest to kolejny w pełni sprawdzony krok, który można podjąć, aby zminimalizować liczbę żądań HTTP, które musi wykonać witryna. Oczywiście należy upewnić się, że skrypty są ładowane tylko wtedy, gdy są wymagane i usunąć je ze stron, które ich nie wymagają. To powiedziawszy, przeprowadź audyt i usuń skrypty i wtyczki ze stron, które nie muszą się ładować.

Dostępnych jest kilka niesamowitych wtyczek, których można użyć do wyłączenia ładowania skryptów na określonych stronach lub w postach. Co więcej, wtyczki te zapewnią, że skrypty będą ładowane tylko wtedy, gdy będą potrzebne.

Na przykład wtyczka o nazwie Perfmatters pozwoli skryptom ładować się na stronach lub w postach tylko wtedy, gdy jest to wymagane. Inną świetną wtyczką jest Asset Cleanup Pro, która jest mniej przyjazna dla użytkownika, ale wykonuje świetną robotę.

Często zadawane pytania

Poniżej znajduje się kilka najczęściej zadawanych pytań

Q. Jakie są główne czynniki spowalniające witrynę WordPress?

Kilka czynników powoduje spowolnienie witryny WordPress.

Kilka głównych z nich to wyświetlanie / dodawanie niezoptymalizowanych obrazów, posiadanie wielu skryptów działających w tle, używanie powolnego motywu WordPress lub starszej wersji PHP i wiele innych.

Sprawdź więc różne czynniki, aby upewnić się, że szybkość Twojej witryny jest na równi.

Q. Czy istnieją inne sposoby na zmniejszenie liczby żądań HTTP niż korzystanie z wtyczek?

Tak, jeśli masz zespół programistów, którzy pracują nad zapleczem Twojej witryny, możesz łatwo poprosić ich o wykonanie niezbędnych kroków w celu zmniejszenia liczby żądań HTTP w Twojej witrynie.

Jeśli jednak nie jesteś zwolennikiem korzystania z wtyczek, istnieje kilka doskonałych metod ręcznych, za pomocą których możesz szybko naprawić każdy aspekt, który zwiększa żądania HTTP.

Q. Co się dzieje, gdy serwer otrzymuje zbyt wiele żądań?

Zbyt duża liczba żądań wysyłanych przez przeglądarkę do serwera jest niezdrowa i wpływa na wydajność witryny. Na przykład kilka żądań wskazuje na ataki typu brute force lub DDoS (rozproszona odmowa usługi).

Ponadto protokół HTTP blokuje adres IP użytkownika, aby zapewnić dobrą ochronę witryny przed złośliwym oprogramowaniem. W rezultacie użytkownik nie może uzyskać dostępu do witryny.

Q. Dlaczego warto ograniczyć liczbę żądań HTTP?

Jednym z istotnych powodów redukcji żądań HTTP jest to, że witryna wykonuje je w celu zapewnienia odpowiedniej wydajności.

Im więcej żądań HTTP ma witryna, tym wolniej będzie się ładować dla użytkowników. To powiedziawszy, jeśli popracujesz nad żądaniami HTTP i zoptymalizujesz ich obciążenie, wydajność Twojej witryny poprawi się na dobre.

Podsumowanie

Aby utrzymać doskonałą wydajność witryny i jej szybkie ładowanie, należy zapewnić mniejszą liczbę żądań HTTP. Utrzymanie ich w granicach 50 pomoże Twojej witrynie działać zgodnie z oczekiwaniami. Za pomocą omówionych powyżej wtyczek można zmniejszyć liczbę żądań HTTP i upewnić się, że żądania nie przekraczają tej liczby.

Wtyczki pomagają zredukować niepotrzebne żądania, a najlepsze jest to, że nie wymagają do tego wiedzy technicznej. Dzięki wtyczkom nie będziesz musiał pracować więcej i nadal uzyskasz najlepsze wyniki wydajności. Dzięki mniejszej liczbie żądań HTTP możesz szybko poprawić ranking swojej witryny w SERPach.