LiteSpeed Cache konfiguracja i optymalizacja strony WordPress

Witajcie. Napisanie mojego nieoficjalnego poradnika konfiguracji LiteSpeed Cache zajęło mi sporo czasu. Gdy już zebrałem myśli i zostałem sam na sam z laptopem, w połowie pisania pojawiła się wersja beta nowego LiteSpeed Cache 3.x. Liczba zmian i ulepszeń jest powalająca. Musiałem odczekać, ochłonąć, ponieważ pisanie poradnika konfiguracja LiteSpeed na wersji beta to niezbyt mądre posunięcie. Gdy tylko pojawiła się oficjalna wersja rozpocząłem moje testy na kilkunastu stronach, których obsługą optymalizacji zajmuję się na hosting dla WordPress.

Oczywiście, blog fotograficzny Kreatywni.co to oczko w głowie, więc zacząłem tu. Rezultat optymalizacji WordPress na LiteSpeed Cache jest wspaniały.

Prawda, że takie wyniki na testach optymalizacji WordPress cieszą? Mnie również. Oczywiście to w dużej mierze zasługa hostingu dla WordPress Serwer.io, wtyczki LiteSpeed Cache dla WordPress, ale również motyw, którego używasz będzie miał dużo do powiedzenia. Finalnie testy to testy, a rzeczywistość i jakość ładowania strony to często różne rzeczy. Zrezygnowałem z posiadania 100/100 celem lepszego wyglądu i kompatybilności z czytelnikami oraz ich urządzeniami. Szok?

Zapraszam na poradnik konfiguracji LiteSpeed Cache dla WordPress, czyli dowiedz się, jak skonfigurować tę zaawansowaną wtyczkę dla maksymalnej prędkości i bezproblemowego cache!

Dlaczego warto używać wtyczkę LiteSpeed Cache?

• Doskonała dla witryn o dużym natężeniu ruchu
• Niezbędna dla witryn z tysiącami stron
• Ma cache dla obiektów
• Cache po stronie serwera, a nie PHP
• Wiele zaawansowanych opcji optymalizacji CSS / JS
• Darmowa optymalizacja obrazów oraz konwersje WebP
• Optymalizacja bazy danych (również konwertuj tabele na InnoDB)
• Nowa usługa QUIC.CLOUD – dostępna, ale nadal trwają nad tym prace

Szybka konfiguracja LiteSpeed dla WordPress krok po kroku

Osiągnięcie rekordowych wyników wcale nie musi zająć wiele czasu. Oto kilku minutowa konfiguracja LiteSpeed Cache dla zapracowanych ludzi.

W większości przypadków jest to moja początkowa konfiguracja na każdej stronie, która trafia do mnie do optymalizacji. Jeżeli na tym etapie pojawiają się problemy, to trzeba sięgnąć do podstaw instalacji WordPress oraz wtyczek i motywu. Prawdopodobnie temat optymalizacji będzie trudniejszy, ale na szczęście to ułamek procenta stron.

Zatem, jak zacząć używać wtyczkę LiteSpeed:

1. Zrób backup bazy danych, po czym zainstaluj wtyczkę LiteSpeed WordPress Cache. Następnie ją aktywuj i przejdź do konfiguracji.
2. Database > Manage > Database Table Engine Converter – jeżeli masz tabele MyISAM, użyj opcji konwersji na InnoDB.
3. Przejdź do General > General Settings > Domain Key – w tym miejscu wygeneruj klucz swojej domeny kliknięciem w przycisk Request Domain Key. W Automatically Upgrade ustaw ON, po czym zapisz zmiany.
4. Przejdź do Cache > Cache > Enable Cache – włącz na ON. W Drop Query String dodaj fbclid, gclid, utm*, _ga (jedno w linii).
5. Kolejna zakładka to Cache > Browser – włącz Browser Cache na ON.
6. Następnie Cache > Object. Jeżeli Twój hosting ma rozszerzenie Redis lub Memcached to włącz przełączając opcję Object Cache na ON, a następnie w Method ustaw wybraną opcję. Ustaw również odpowiedni Host i Port.
7. Page Optimisation > CSS Settings > CSS Minify oraz CSS HTTP/2 Push – polecam to włączyć jeżeli Twój hosting obsługuje technologię HTTP/2. Również JS Settings > JS Minify oraz JS HTTP/2 Push ustaw na ON.
8. Z górnego paska najedź kursorem na ikonę LiteSpeed i kliknij Purge All. Otwórz nowe okno przeglądarki w trybie Incognito (lub inną przeglądarkę) aby sprawdzić czy strona ładuje się prawidłowo. Już w tej konfiguracji powinna ona zdecydowanie szybciej działać. Zamknij okno Incognito i kontynuuj podstawową konfigurację LiteSpeed w panelu admin WordPress
9. Page Optimisation > Optimisation Settings > HTML Minify, Inline CSS Minify, Inline JS Minify – ustaw te opcje na ON. W dalszej części tej strony ustawień przełącz na ON następujące parametry: Remove Comments, Load Google Fonts Asynchronously, Remove WordPress Emoji.
10. Jeżeli na stronie masz włączone komentarze WordPress to przejdź do zakładki Discuss Settings i włącz Gravatar Cache oraz Gravatar Cron Cache na ON.
11. Podstawowa optymalizacja zdjęć jest w Page Optimisation > Media Settings. Tu sugeruję włączyć Lazy Load Images na ON, Responsive Placeholder wybierz ON. Warto również włączyć Lazy Load Iframes oraz Inline Lazy Load Images Library.
12. Ponownie z górnego paska najedź kursorem na ikonę LiteSpeed i kliknij Purge All. Otwórz nowe okno przeglądarki w trybie Incognito (lub inną przeglądarkę) aby sprawdzić czy strona ładuje się prawidłowo. Jeżeli wszystko jest w porządku to zamknij okno Incognito i kontynuuj podstawową konfigurację LiteSpeed w panelu admin WordPress.
13. Przejdź do Image Optimisation > Image Optimisation Summary – kliknij Gather Image Data, a następnie przejdź do zakładki Image Optimisation Settings – włącz odpowiednio Auto Request Cron, Create WebP Versions, Image WebP Replacement oraz WebP For Extra srcset. Na tej stronie możesz również zmienić jakość kompresji. Dla fotografów polecam ustawić WordPress Image Quality Control na 88.
14. CDN – w tej zakładce skonfiguruj opcję Use CDN Mapping oraz Original URLs jeżeli posiadasz CDN lub QUIC.cloud CDN jeżeli chcesz skorzystać z CDN od LiteSpeed. Nie można mieć obu jednocześnie. QUIC.cloud CDN wymaga dodatkowej weryfikacji domeny, więc nie będzie to już takie proste jak powyższe ustawienia.

Mam nadzieję, że konfiguracja przebiegła bezproblemowo. Jeżeli pojawiły się problemy, to LiteSpeed jest wspaniały. Wystarczy cofnąć ostatnie zmiany i wszystko będzie znowu działać.

Szczegółowa konfiguracja LiteSpeed Cache dla WordPress

Są setki ustawień i możliwości LiteSpeed Cache. Opisuję te najważniejsze dla i mnie, a zarazem najbardziej przydatne. Jeżeli szukasz specjalistycznej konfiguracji, to warto odwiedzić LiteSpeed Slack. Opcje, o których nie wspominam w poradniku zostawiam na ustawieniach domyślnych.

Krok 1 – Instalacja wtyczki LiteSpeed Cache

Zainstaluj darmową wtyczkę WordPress – LiteSpeed Cache.

Wymagania:

• Aby korzystać z cache, musisz korzystać z hostingu LiteSpeed lub QUIC.cloud. Aby uzyskać najlepsze wyniki, przejdź na serwer LiteSpeed!
• Jeśli kupujesz hosting za pośrednictwem usługi innej firmy, upewnij się, że działa na serwerze LiteSpeed i ma odpowiednią konfigurację zasobów.

Krok 2 – Konfiguracja wtyczki LiteSpeed Cache

General > General Settings

• Automatically Upgrade – jak chcesz mieć zawsze aktualną wtyczkę, ustaw na ON.
• Domain Key – jeżeli planujesz korzystać z funkcji QUIC.cloud (CDN, optymalizacja zdjęć itd) to koniecznie wygeneruj klucz dla domeny. Jeżeli nie używasz serwera LiteSpeed to potrzebujesz QUIC.cloud, aby używać cache.

Cache > Cache

• Enable Cache – ON. Oczywiste prawda? Właściwie wszystko na tej stronie jest na ON.
• Cache Mobile – OFF dla większości stron. Włącz tę funkcję dopiero wtedy, kiedy używasz AMP lub oddzielny design dla wersji mobile.
• Drop Query String – Niezwykle przydatna funkcja, aby uniknąć niepotrzebnego buforowania (cache) stron dla ciągów zapytań. Niektóre ciągi zapytań powodują zmiany treści (np. język strony, waluta itp.) Powinne być one buforowane jako osobne strony. Inne ciągi zapytań nie powodują zmian treści (np. narzędzia śledzące FB / Google, powiązane pliki cookie) i służą wyłącznie do śledzenia, dlatego należy je wymienić. Polecam umieszczenie tych 4 w osobnych wierszach: fbclid, gclid, utm *, _ga.

Cache > Excludes:

Sporadycznie używam te opcje. Jedyne wartościowe funkcje dla mnie to wykluczanie niektórych stron z cache. Ponownie, jeżeli nie wiesz czy to potrzebujesz, nie dotykaj.

Cache > Object:

Zwykle buforowanie obiektów jest wyłączone na serwerach. Wiąże się to z wydajnością tych maszyn. Natomiast jeżeli używasz Serwer.io lub Twój hosting pozwala na buforowanie obiektów to włącz odpowiednio Memcache lub Redis (ten drugi polecam szczególnie)

• Object Cache – OFF jeżeli nie wiesz czy Twój hosting ma tę opcję włączoną dla Ciebie. Przestaw na ON jeżeli masz do dyspozycji Memcache lub Redis
• Method – Redis jest zdecydowanie lepszy niż Memcached. Ustaw odpowiednio do serwera.
• Host – z reguły będzie to localhost, chyba że Twój hosting wskaże inaczej.
• Port – domyślny port powinien być ok, chyba że usługa została zainstalowana na niestandardowym porcie.

Cache > Browser:

• Browser Cache – zdecydowanie włącz na ON.
• Browser Cache TTL – wartości od 2592000 sekund (czyli 30 dni) do 31557600 (1 rok) będą idealne.

Cache > Advanced:

Na uwagę zasługuje tu jedna funkcja – Instant Click. Możesz ją sprawdzić, jeżeli zadziała na Twojej stronie to będzie mega radość bo podstrony będą ładować się natychmiast. Niestety ogromna większość motywów dla WordPress nie radzi sobie z instant click. Jednym z wyjątków jest motyw, który używamy na blogu Kreatywni.co, gdzie Instant Click jest włączony i działa wyśmienicie. Motywy typu Divi, Uncode, Flothemes oraz inne z builderami stron typu WPBakery, VC, Elementor nie mają dużych szans z Instant Click.

Funkcja Instant Click wstępnie ładuje linki, gdy użytkownik najedzie na nie kursorem. Oczywiście powoduje to duże obciążenie serwera jeśli użytkownik najedzie kursorem na wiele łączy przed kliknięciem. Zatem to będzie kolejne ograniczenie od strony hostingu i wydajności.

CDN > CDN Settings:

• QUIC.cloud CDN – Wraz z wersją 3.x LSC uważam, że każdy powinien zarejestrować się, aby otrzymać bezpłatne konto QUIC.cloud. To, czy powinieneś włączyć to, to inna sprawa. Ja osobiście nie używam. QC ma następujące funkcje: buforowanie HTML na CDN (konieczne, jeśli Twój serwer jest wolny i, czy też lub nie masz serwera LiteSpeed), kompresja obrazu (jeśli chcesz użyć kompresji LSC zamiast ShortPixel – czyli bardzo polecane), generowanie krytycznych CSS, CDN dla zasobów statycznych (jeśli jeszcze nie korzystasz z innej usługi CDN) i kilku innych.
• Use CDN Mapping – oczywiście włącz ON jeżeli używasz CDN (osoby, które używają QC lub Cloudflare pozostawiają to na OFF).
• CDN URL – w tym polu wpisz pełny adres do CDN oraz zaznacz jakie zasoby i rodzaje plików mają być ładowane z CDN. Możesz podać kilka adresów CDN dla różnych zasobów (np dla filmów będzie jeden adres CDN, dla zdjęć inny adres CDN, itd)
• HTML Attribute To Replace – generalnie nie dotykam tej opcji
• Original URLs – wpisz skrócony adres swojej strony pomijając HTTPS, czyli zacznij od //mojadomena.pl/
• Included Directories – ustawienia domyślne z reguły są najlepsze, aczkolwiek jeżeli masz własne dodatkowe foldery wpisz je na listę
• Load jQuery Remotely – zostawiam na OFF. Setki razy to testowałem i albo mój hosting Serwer.io jest tak szybki, że ta opcja mnie tylko spowalnia, lub faktycznie zewnętrzne serwery JQuery są wolne.
• Cloudflare API – tylko dla użytkowników Cloudflare.

Image Optimisation > Image Optimisation Summary:

• Auto Request Cron – włącz ją, jeśli chcesz, aby Twoja strona automatycznie żądała optymalizacji wszystkich nowo dodanych obrazów.
• Auto Pull Cron – włącz ją, jeśli chcesz automatycznie pobierać zoptymalizowane obrazy do swojej witryny. Ta opcja i poprzednia powinny być takie same (czy ON lub OFF).
• Optimise Original Images – ON.
• Remove Original Backups – OFF chyba że masz 100% pewności, że podoba Ci się jakość optymalizacji obrazu LSC. Włączenie tego powoduje automatyczne usunięcie oryginałów po optymalizacji (i nie można przywrócić).
• Optimise Losslessly – bezpieczny sposób optymalizacji bez utraty jakości, ale różnica wielkości plików też nie będzie duża. Prawdopodobnie przydatne tylko, jeśli chcesz wyczyścić informacje typu EXIF i inne rzeczy. W większości przypadków mam na OFF, chyba że fotografowi zależy, aby na stronie mieć naprawdę najwyższej jakości zdjęcia, co też przekłada się na wolniejszą prędkość ładowania.
• Preserve EXIF/XMP data – OFF.
• Create WebP Versions – nowy format, coraz częściej pożądany. Ustawiam na ON.
• Image WebP Replacement – ON.
• WebP Attribute To Replace – dobry sposób na kontrolowanie, które obrazy zostaną zastąpione formatem WebP. Ustawiam wszystkie rekomendacje z prawej kolumny (kopiuję do lewej kolumny).
• WebP For Extra srcset – oczywiście ON. Dobry sposób na włączenie zastępowania obrazów WebP dla obrazów spoza biblioteki multimediów WordPress.
• WordPress Image Quality Control – użyj standardowe 82, lub wyższą wartość, jeżeli potrzebujesz lepszą jakość zdjęć (kosztem czasu ładowania – logiczne).

Page Optimisation > CSS Settings

Tu zaczyna się zabawa. Do dyspozycji jest wiele fajnych opcji cache / optymalizacji. Na wstępie radzę uważać! Większość problemów z cache strony będzie efektem dokonanych tu wyborów. To samo tyczy się JS Settings i właściwie każdej zakładki w Page Optimisation.

Tak jak zrozumiem modyfikacje typu minify, tak nie do końca rozumiem opcji kombinowania. Mając hosting z HTTP/2 lub nawet HTTP/3 to kompletnie bez sensu włączanie tej opcji. Cóż, większość użytkowników włącza tą funkcję combine w jednym celu… aby punktacja w testach była wysoka. Niestety, nie ma to przełożenia na realne wizyty użytkowników i czas ładowania. Wręcz może być gorzej, gdyż kombinowanie CSS lub JS to dodatkowa praca dla serwera i spowolnienie początkowej wizyty. Zastanów się ponownie, czy wolisz płynnie działającą stronę czy 100% w GT Metrix.

• CSS Minify – ON, aczkolwiek możesz użyć Cloudflare lub CDN do tego zadania, wtedy OFF
• CSS Combine – OFF jest bezpiecznym rozwiązaniem. Jeżeli bardzo chcesz zadowolić strony testujące stronę, to przełącz na ON i wykonaj testy strony, gdyż jest duże prawdopodobieństwo, że będzie wykrzaczona.
• CSS HTTP/2 Push – ON
• Load CSS Asynchronously – zostaw na OFF, unikniesz brzydkiego początkowego ładowania strony. Ale wiadomo, jak będzie ON to polepszy Twój wynik w testach GTMetrix lub Pingdom… kosztem UX
• Generate Critical CSS – OFF
• Font Display Optimisation – DEFAULT lub BLOCK. Nigdy nie włączaj Swap lub Fallback ponieważ strona się wysypie.

Page Optimisation > JS Settings

• JS Minify – ON, aczkolwiek możesz użyć Cloudflare lub CDN do tego zadania, wtedy OFF
• JS Combine – podobnie jak w analogicznych ustawieniach dla CSS. OFF jest bezpiecznym rozwiązaniem. Jeżeli bardzo chcesz zadowolić strony testujące stronę, to przełącz na ON i wykonaj testy strony, gdyż jest duże prawdopodobieństwo, że będzie wykrzaczona.
• JS HTTP/2 Push – ON
• Load JS Deferred – OFF to bezpieczna opcja. Niektóre skrypty JS nie powinne być opóźniane. Jeżeli chcesz, to przetestuj ON na swojej stronie (sprawdź ładowanie zdjęć, skryptów, filmów w developer console Chrome)
• Load Inline JS – DEFAULT to opcja najbezpieczniejsza.
• Exclude jQuery – ON. Możesz wyłączyć, tym samym pozwalając na optymalizację plików JS w bibliotece jQuery, ale raczej będą problemy na stronie. Testuj dokładnie jak ustawisz na ON.

Page Optimisation > Optimisation Settings

• HTML Minify – ON. Możesz zrobić to przy pomocy Cloudflare, wtedy ustaw na OFF.
• Inline CSS Minify – ON (tak jak powyżej)
• Inline JS Minify – ON (tak jak powyżej)
• DNS Prefetch – popularne wstępne ładowanie DNS dla zewnętrznych domen, dzięki czemu wczytują się one szybciej. Jak nie wiesz co tu zamieścić, to lepiej zostaw puste pole i przejdź do następnej opcji.
• DNS Prefetch Control – automatycznie ładowanie DNS dla zewnętrznych domen z Twoich CSS i JS. To brzmi doskonale dla amatorów konfiguracji, więc ustaw ON.
• Remove Comments – OFF to bezpieczna opcja, ON niewiele pomoże, ale poprawi wynik testów GTMetrix itp.
• Remove Query Strings – większość osób z branży optymalizacji włącza to na ON. Niestety, to tylko kosmetyka aby uzyskać lepszy wynik na testach GTMetrix itd. Nie ma żadnego przyrostu prędkości ładowania. Testowałem to na dziesiątkach stron i hostingów. Zatem zostawiam na moich stronach na OFF.
• Load Google Fonts Asynchronously – ponownie OFF to opcja bezpieczna, a przełączenie na ON wymaga testowania strony, czy wszystkie fonty ładują się prawidłowo. Generalnie nie zauważyłem różnicy w optymalizacji, popularne fonty Google i tak są w cache Twojej przeglądarki, chociażby z innych stron, które przeglądasz każdego dnia
• Remove Google Fonts – zostaw OFF, chyba, że ładujesz Google Fonts ze swojego serwera lokalnie, wtedy możesz przełączyć na ON.
• Remove WordPress Emoji – bezpiecznie ustawienie. Wybierz ON, ponieważ dzisiejsze przeglądarki internetowe typu Firefox czy też Chrome, Safari, Opera itd mają emoji wbudowane.

Page Optimisation > Media Settings

• Lazy Load Images – opóźnione ładowanie zdjęć, czyli ładowanie w miarę przewijania strony. Wolę mieć OFF, bo wizualnie nie lubię tego efektu. Ale wiem, jak bardzo to może pomóc w czasie ładowania Twojej strony. Decyzja należy do Ciebie (mała informacja dla osób używających motyw Uncode™ z kursu na Akademia.co – włączając Lazy Load Images, wyłącz w ustawieniach Uncode > Theme Options > Performance > Adaptive Images oraz włącz Register Metadata)
• Responsive Placeholder – jeżeli włączysz Lazy Load Images, to tu również wybierz ON
• LQIP Cloud Generator – nowa funkcja (LQIP – Low Quality Image Placeholder). LQIP może stworzyć obrazki o bardzo niskiej jakości (wręcz pełne rozmycie, poglądowe) na podstawie Twoich zdjęć i wyświetlić go zanim pojawią się obrazki w wysokiej rozdzielczości. Wg uznania, ja nie używam
• LQIP Quality – ustawienia standardowe są najlepszym rozwiązaniem. Pozostaw 4.
• LQIP Minimum Dimensions – ponownie pozostaw ustawienia domyślne.
• Generate LQIP In Background – Używając LQIP, włącz na ON.
• Lazy Load Iframes – świetna funkcja jeżeli masz osadzone filmy z Youtube lub Vimeo itd. Włącz ON.
• Inline Lazy Load Images Library – Wg uznania, coraz częściej włączam to na ON.

Page Optimisation > Discussion Settings

• Gravatar Cache – ON jeżeli masz dziesiątki komentarzy pod postami.
• Gravatar Cache Cron – ON jeżeli masz dziesiątki komentarzy pod postami.

Page Optimisation > Tuning Settings

• Combined CSS Priority – OFF
• CSS Excludes – wpisz tu wszystkie pliki CSS, których nie chcesz minimalizować lub łączyć. Możesz podać pełny adres pliku lub nazwę
• Combined JS Priority – OFF
• JS Excludes – wpisz tu wszystkie pliki JS, których nie chcesz minimalizować lub łączyć. Możesz podać pełny adres pliku lub nazwę
• Max Combined File Size – 2MB

Database > Manage

• Database Optimiser – świetne i podręczne narzędzia do czyszczenia i optymalizacji bazy danych. Niektóre z dostępnych tu opcji są sprzedawane jako osobne wtyczki! A tu ukłony dla LiteSpeed Cache za te opcje.
• Database Table Engine Converter – Przekonwertuj wszystkie tabele ze starego MyISAM do nowego, lepszego, wydajniejszego formatu InnoDB, ale lepiej zrób wczesniej kopię zapasową bazy danych… tak na wszelki wypadek.

Crawler

Crawler to wspaniałe narzędzie, jednak ta sekcja nie ma większego wpływu, chyba że masz własny serwer LiteSpeed lub WordPress PRO na hostingu Serwer.io, ponieważ zdecydowana większość hostingów LiteSpeed nie włącza opcji Crawler. Głównym powodem jest potężne użycie zasobów serwera, zatem możesz o tym zapomnieć na współdzielonych hostingach, no chyba że chcesz… to powyżej masz link do WordPress PRO, tam Crawler działa.

Co do opcji. Jest WOW. Crawler indeksuje cache itd. Szczegółowe ustawienia należy skonsultować ze wsparciem technicznym hostingu.

Krok 3 – Sprawdź czy LiteSpeed Cache działa

1. Otwórz swoją stronę w przeglądarce (jako gość, czyli wyloguj się)
2. Załaduj i odśwież kilka stron kilka razy.
3. Następnie wybierz podgląd kodu (Chrome na Mac CMD+ALT+U)

4. Przewiń kod strony na sam dół w poszukiwaniu linijki z komentarzem o LiteSpeed Cache

Oczywiście, podczas pierwszej wizyty strona może być nieco wolniejsza, ale przy kolejnych będzie się ładować błyskawicznie.

Krok 4 – Rozwiązywanie problemów, czyli coś poszło nie tak…

• Początkowe ładowana strona wygląda jakby była zepsuta – wyłącz Generate Critical CSS. Wyłącz CSS Combine.
• Wizualnie lub funkcjonalnie strona nie działa – Wyłącz CSS oraz JS Combine. Jeżeli to nie pomogło to wyłącz CSS oraz JS Minify. Sprawdź czy to pomogło. Jeżeli strona działa, to koniecznie musisz znaleźć CSS lub JS, który należy dodać do Page Optimisation > Tuning Settings > Exclude JS lub CSS
• Error 500 – Cóż, jak pech to pech. Nie każda wtyczka jest kompatybilna z innymi. Przywrócisz działanie strony usuwając całą sekcję LSCache z pliku .htaccess. Następnie z folderu wp-content usuń pliki „advanced-cache.php” i „object-cache.php”. Możesz także zwiększyć limit pamięci WordPress. W tym miejscu warto rozważyć zmianę hostingu.

Oczywiście problemów może być cała masa. Każdy hosting, motyw, kombinacja wtyczek, CSS i JS mają na to wpływ. Postarałem się jak najlepiej przedstawić Tobie opcje konfiguracji LiteSpeed Cache dla WordPress. Ale zawsze będą strony www wymagające specjalnej / unikalnej konfiguracji.

Jeżeli potrzebujesz płatnej pomocy lub nawet darmowego spojrzenia na Twoją stronę to napisz do mnie na help@tomrobak.com lub pozostaw komentarz pod tym artykułem. Konfiguruję dziesiątki stron na LiteSpeed tygodniowo, więc chętnie pomogę i Tobie.

Optymalizacja popularnych motywów dla WordPress

Uncode

Jeden z moich ulubionych motywów dla WordPress. Bez problemów przy użyciu CDN można go zoptymalizować za pomocą LiteSpeed Cache do A/A w GTMetrix oraz czasu ładowania na poziomie 400ms.

• Wyłącz w ustawieniach Uncode > Theme Options > Performance > Adaptive Images oraz włącz Register Metadata
• Dodaj listę wykluczeń w LiteSpeed Cache > Page Optimisation > Tuning Settings > JS Excludes:

/wp-content/themes/uncode/library/js/init.js
/wp-content/themes/uncode/library/js/min/init.min.js
/wp-content/themes/uncode/library/js/ai-uncode.js
/wp-content/themes/uncode/library/js/min/ai-uncode.min.js

• Dla wygody możesz pobrać gotową konfigurację, którą wgrać możesz do swojej wtyczki LiteSpeed Cache > Toolbox > Import / Export (przed wgraniem rozpakuj plik zip)

• Używając konfiguracji z gotowego pliku nadal musisz wygenerować klucz dla domeny General > General Settings > Request Domain Key oraz w Cache > Object > Object Cache Settings wybrać odpowiednie ustawienie lub bezpiecznie ustawić OFF. Jeszcze jest kwestia CDN i Image Optimisation – również zerknij do tych zakładek