W tym artykule pokażę Ci, jak skonfigurować LiteSpeed Cache, aby osiągnąć maksymalną wydajność strony internetowej i uzyskać jak najlepsze wyniki Core Web Vitals.
Zamierzam skonfigurować pamięć podręczną obiektów, preferując Redis, oraz skonfigurować sieć CDN, taką jak QUIC.cloud lub Cloudflare. Dowiesz się również, dlaczego LiteSpeed Cache optymalizuje wskaźniki web vitals lepiej niż WP Rocket + SG Optimizer, ale też jakie funkcje należy dodatkowo wdrożyć, aby uzyskać jeszcze lepsze rezultaty, jak wstępne ładowanie obrazów LCP czy usunięcie zbędnych elementów („bloat”). Wskazuję również, jak radzić sobie z ograniczeniami LiteSpeed Cache przy użyciu wtyczek takich jak Permatters.
Używane skróty:
- ON – włącz.
- OFF – wyłącz.
- TEST/DEPENDS – przetestuj swoje wyniki lub ustawienie zależy od innych opcji.
- CONSUME RESOURCES – oznacza, że ustawienie może zużywać dużo zasobów serwera i prowadzić do błędów 5xx lub przeciążeń procesora, szczególnie na hostingu współdzielonym.
1. Dashboard
Zacznę od panelu LiteSpeed Cache. Jest to centrum dowodzenia, w którym mogę śledzić status zoptymalizowanych obrazów, korzystanie z CDN, CSS, itp. Panel LiteSpeed Cache dostarcza szczegółowych informacji na temat optymalizacji strony, co pozwala mi na bardziej precyzyjne dostosowanie wydajności niż w przypadku używania narzędzi trzecich, takich jak GTmetrix. Warto tutaj śledzić zmiany i analizować PageSpeed wyniki, które są bardziej dokładne, gdy pochodzą z natywnych narzędzi.
2. Ustawienia ogólne
Automatyczne aktualizacje (Automatically Upgrade):
Staram się mieć pełną kontrolę nad aktualizacjami moich wtyczek. Dlatego wolę wyłączyć automatyczne aktualizacje, aby każda zmiana była dokładnie przetestowana przed jej wdrożeniem. Choć aktualizacje automatyczne bywają wygodne, to zdarza się, że wprowadzają błędy, które mogą wpłynąć na wydajność strony.
Klucz domeny (Domain Key):
W celu integracji LiteSpeed Cache z QUIC.cloud, muszę zażądać klucza domeny. Klucz ten jest potrzebny, aby połączyć moją stronę z usługą QUIC.cloud, co umożliwia korzystanie z niektórych zaawansowanych funkcji CDN i optymalizacji.
Tryb gościa (Guest Mode):
Tryb gościa to świetna opcja na poprawę prędkości ładowania strony dla nowych użytkowników. Dzięki temu wstępne wczytywanie zasobów jest bardziej agresywne, co skraca czas pierwszego ładowania strony. Trzeba jednak uważać, bo zużywa on więcej zasobów serwera, zwłaszcza gdy włączone są opcje „mobilnej pamięci podręcznej” oraz „WebP replacement”. Niestety, ten tryb nie współpracuje z Cloudflare APO, więc muszę dostosować ustawienia, w zależności od używanego CDN.
Optymalizacja gościa (Guest Optimization):
Ta funkcja działa tylko wtedy, gdy tryb gościa jest aktywny. W takim przypadku optymalizacja obrazów i stron dla nowych odwiedzających jest jeszcze bardziej agresywna. Zmniejsza to czas ładowania i poprawia wyniki PageSpeed.
Serwer IP (Server IP):
Muszę sprawdzić swój publiczny adres IP serwera, aby wprowadzić go do LiteSpeed Cache. Mogę użyć opcji „Check my public IP from DoAPI.us”, a następnie wkleić uzyskany adres do odpowiedniego pola.
Powiadomienia (Notifications):
Powiadomienia w LiteSpeed Cache mogą być przydatne, zwłaszcza gdy pojawiają się nowe wersje wtyczki lub inne istotne informacje dotyczące konfiguracji. Niemniej jednak, jeśli nie chcę być zbyt często informowany o aktualizacjach, mogę je po prostu wyłączyć.
3. Presety
Jeśli nie jesteś pewny, jakie ustawienia zastosować, LiteSpeed Cache oferuje możliwość wyboru gotowych presetów. Sugeruję preset „Extreme”, jednak wyłączam opcje łączenia plików CSS/JS, ponieważ mogą one powodować problemy ze stabilnością strony. Dodatkowo, przetestowanie asynchronicznego ładowania CSS może przynieść znaczące korzyści w wynikach prędkości. Co więcej, LiteSpeed Cache pozwala na zapisanie wcześniejszych konfiguracji w zakładce „History”, co bardzo się przydaje, gdy coś pójdzie nie tak – zawsze mogę wrócić do poprzednich ustawień.
4. Pamięć podręczna (Cache Settings)
Włącz pamięć podręczną (Enable Cache):
Przede wszystkim muszę włączyć pamięć podręczną, aby zredukować czas ładowania strony. Po jej włączeniu testuję stronę, np. na uptrends.com, aby sprawdzić, czy widnieje wpis „x-litespeed-cache hit”. To jest sygnał, że pamięć działa poprawnie.
Pamięć dla użytkowników zalogowanych (Cache Logged-in Users):
Tę opcję włączam tylko, jeśli prowadzę stronę, gdzie użytkownicy muszą być zalogowani (np. witryna członkowska). Jeśli nie, zużywa ona tylko zasoby, nie przynosząc korzyści.
Pamięć dla komentujących (Cache Commenters):
Tworzenie oddzielnej pamięci podręcznej dla osób, które zostawiają komentarze, jest przydatne, ale jeśli strona jest popularnym blogiem, to może zużywać dużo zasobów. Dlatego preferuję tę opcję wyłączyć, aby nie przeciążać serwera.
TTL pamięci (Cache TTL):
TTL to czas, przez jaki LiteSpeed Cache przechowuje kopie strony, zanim zostanie ona odświeżona. Standardowe ustawienia TTL są zwykle odpowiednie, ale mogę je skrócić, jeśli moja strona jest często aktualizowana. Skrócenie TTL zwiększa zużycie zasobów, ponieważ wymusza częstsze odświeżanie pamięci.
Wydzielanie pamięci (Purge):
Za każdym razem, gdy aktualizuję WordPressa, motyw lub wtyczki, LiteSpeed Cache automatycznie usuwa całą pamięć podręczną, aby upewnić się, że strona jest odpowiednio odświeżona. To pozwala uniknąć problemów z wyświetlaniem nieaktualnych wersji strony.
5. Integracja CDN – QUIC.cloud
QUIC.cloud to usługa CDN, która jest zintegrowana z LiteSpeed i pozwala na korzystanie z zaawansowanych funkcji, takich jak krytyczne CSS, optymalizacja obrazów, a także ochrona przed atakami DDoS.
Kroki konfiguracji QUIC.cloud:
- W ustawieniach ogólnych LiteSpeed Cache zażądaj klucza domeny i dodaj swój adres IP serwera.
- Następnie w zakładce CDN wybierz „Begin QUIC.cloud CDN Setup” i kliknij „Refresh CDN Setup Status”, aby otrzymać nowe serwery nazw.
- W panelu rejestratora domeny zmień serwery nazw na te dostarczone przez QUIC (np. kevin.quicns.net i jon.quicns.org).
- W panelu QUIC.cloud skonfiguruj ustawienia takie jak „QUIC backend” oraz włącz ochronę przed hotlinkingiem, aby zabezpieczyć obrazy przed wykorzystaniem ich na innych stronach bez zgody.
6. Optymalizacja obrazów
LiteSpeed Cache pozwala na zaawansowaną optymalizację obrazów, co jest kluczowe dla uzyskania wysokich wyników w Core Web Vitals.
Tworzenie wersji WebP:
WebP to nowoczesny format obrazu, który umożliwia lepszą kompresję niż JPEG lub PNG bez utraty jakości. Włączam opcję tworzenia wersji WebP, aby moje obrazy były serwowane w bardziej wydajnej formie.
Usuwanie EXIF:
Dane EXIF zawierają informacje, takie jak lokalizacja, model aparatu itp. Usunięcie tych metadanych pozwala mi zmniejszyć rozmiar obrazów i skrócić czas ich ładowania.
7. Optymalizacja strony (Page Optimization)
Minifikacja CSS i JS:
Minifikacja to proces usuwania zbędnych znaków z kodu CSS i JS. Włączam minifikację, aby zmniejszyć rozmiar plików i skrócić czas ich ładowania.
Ładowanie asynchroniczne CSS:
W przypadku CSS, ładowanie asynchroniczne pozwala na wczytanie strony szybciej, ponieważ nie trzeba czekać na załadowanie wszystkich arkuszy stylów przed wyświetleniem treści. Muszę jednak przetestować, czy to ustawienie nie powoduje problemów z układem strony (np. FOUC – flash of unstyled content).
8. Zarządzanie bazą danych
Optymalizacja bazy danych:
Regularnie czyszczę bazę danych z przeterminowanych wersji postów, spamowych komentarzy i innych zbędnych danych. Dzięki temu baza danych działa wydajniej, a strona ładuje się szybciej. Zostawiam sobie tylko pewną liczbę wersji roboczych postów, aby mieć kopię zapasową w razie potrzeby.
9. Crawler LiteSpeed
Crawler to narzędzie, które automatycznie odświeża strony w pamięci podręcznej, które wygasły. Może to znacznie poprawić wydajność, ale jest zasobożerne, więc większość hostingów współdzielonych tego nie pozwala używać. Jeśli jednak zarządzam swoim własnym serwerem, włączam crawler, aby mieć pewność, że moje strony zawsze są gotowe dla użytkowników.
10. Narzędzia i Perfmatters
LiteSpeed Cache świetnie współpracuje z wtyczką Perfmatters, która pomaga mi usuwać zbędne elementy („bloat”) oraz zarządzać skryptami, które nie muszą być ładowane na każdej podstronie. Dzięki Perfmatters mogę wyłączać niepotrzebne skrypty na stronach, co znacznie redukuje czas ładowania.
Script Manager:
Perfmatters pozwala mi na wyłączenie skryptów na poziomie strony. Jeśli dany skrypt nie jest potrzebny na każdej podstronie, mogę go wyłączyć, co zredukuje ilość ładowanych zasobów.
11. Zalecane hostingi z LiteSpeed
Przez długi czas testowałem różne firmy hostingowe i w mojej opinii najlepiej z LiteSpeed Cache współpracują hostingi takie jak ChemiCloud, NameHero oraz MechanicWeb. W zależności od budżetu i potrzeb można znaleźć odpowiednią opcję – od planów współdzielonych, przez VPS, aż po bardziej zaawansowane rozwiązania dla stron o dużym ruchu.