Wracamy z kolejną częścią cyklu o zaawansowanej optymalizacji we wtyczce Litespeed Cache. W tym artykule omówimy, czym jest CDN (Content Delivery Network) oraz jak skutecznie wykorzystać LiteSpeed Cache w połączeniu z CDN-ami, takimi jak QUIC.cloud i Cloudflare, aby poprawić szybkość ładowania stron i wydajność witryny. Zobaczysz, jak każde z tych rozwiązań działa i jakie mają zalety. Drugim tematem będzie optymalizacja obrazków, którą warto przeprowadzić zawsze, nie ma żadnego powodu, aby z tej szansy nie skorzystać.

W tym artykule przybliżę Ci:
  • Co to jest CDN i kiedy warto go włączyć
  • Czym jest QUIC.cloud CDN
  • Czym jest Cloudflare CDN
  • Jak zoptymalizować obrazki z użyciem wtyczki Litespeed Cache

CDN

Ustawienia CDN Litespeed Cache

CDN, czyli Content Delivery Network, to sieć serwerów rozmieszczonych w różnych częściach świata, które pomagają dostarczać zawartość strony internetowej szybciej i bardziej efektywnie. Gdy użytkownik odwiedza Twoją stronę, serwer CDN znajdujący się najbliżej jego lokalizacji dostarcza mu pliki, takie jak obrazy, filmy, pliki CSS czy JavaScript, zamiast pobierać je z Twojego głównego serwera. Dzięki temu czas ładowania strony jest krótszy, a użytkownicy z różnych miejsc na świecie mogą cieszyć się szybkim dostępem do treści.

Działanie CDN można porównać do skracania drogi – zamiast pokonywać setki kilometrów, dane są przekazywane z najbliższego możliwego punktu, co znacząco przyspiesza całą operację. Jest to szczególnie przydatne w przypadku dużych witryn, które obsługują użytkowników na całym świecie, ponieważ nie tylko poprawia szybkość ładowania, ale także odciąża główny serwer, zmniejszając ryzyko przeciążeń.

Podsumowując, CDN to sprytny sposób na przyspieszenie strony, zadowolenie użytkowników i poprawę ogólnej wydajności witryny, zwłaszcza gdy masz globalną widownię. Zapewni też dodatkową warstwę ochrony przed atakami DDoS, co czyni go wszechstronnym rozwiązaniem dla właścicieli stron internetowych.

QUIC.cloud

QUIC.cloud to zaawansowana usługa CDN (Content Delivery Network), stworzona przez zespół LiteSpeed Technologies w 2019 roku, zaprojektowana z myślą o maksymalnym przyspieszeniu ładowania stron internetowych. Dzięki rozbudowanej sieci serwerów, rozlokowanych w strategicznych punktach na całym świecie, w tym jednym w Warszawie, QUIC.cloud zapewnia, że Twoja strona oparta na WordPress (i tylko na WordPress) będzie szybka i dostępna dla użytkowników z różnych zakątków globu. Możesz łatwo sprawdzić rozmieszczenie tych serwerów na oficjalnej stronie usługi – quic.cloud.

QUIC.cloud to nie tylko wydajne rozwiązanie CDN, ale także bogaty zestaw dodatkowych funkcji. Oferowane „serwisy online” obejmują między innymi optymalizację obrazów, minimalizację kodu, cache dynamicznej treści i wiele innych narzędzi, które sprawiają, że Twoja strona działa szybciej i wydajniej. To swoisty kombajn do optymalizacji, który po uruchomieniu po prostu działa, dostarczając Ci lepsze wyniki bez zbędnego wysiłku. Idealne rozwiązanie dla tych, którzy chcą w pełni wykorzystać możliwości LiteSpeed Cache!

Jeśli chcesz dowiedzieć się więcej o rozwiązaniu CDN QUIC.cloud, koniecznie przeczytaj nasz artykuł QUIC.cloud – co to jest i jak z niego korzystać?

Cloudflare

Cloudflare to popularna usługa, której głównym zadaniem jest dostarczanie treści stron internetowych za pomocą CDN (Content Delivery Network). Działa on dla wszystkich serwisów, nie tylko tych opartych na CMS WordPress, tak jak odbywa się to w QUIC.cloud. CDN, czyli sieć serwerów rozmieszczonych na całym świecie, pomaga przyspieszyć ładowanie stron internetowych, minimalizując opóźnienia. W przypadku Cloudflare mówimy o imponującej sieci serwerów, które znajdują się w aż 275 miastach w 100 krajach, w tym również w Polsce.

Jeśli chcesz dowiedzieć się więcej o Cloudflare, przeczytaj nasz artykuł Konfiguracja CloudFlare w 4 prostych krokach

Ustawienia CDN w Litespeed Cache

QUIC.cloud CDN – Włącz lub wyłącz obsługę CDN dla swojej witryny

Use CDN Mapping – Opcja ta umożliwia przypisanie (mapowanie) zasobów strony do zewnętrznej sieci CDN. Oznacza to, że kiedy włączysz tę funkcję, LiteSpeed Cache automatycznie zamieni adresy URL Twoich statycznych zasobów (takich jak obrazy, pliki CSS, JavaScript) na adresy URL dostarczane przez CDN.

HTML Attribute To Replace – Ta opcja pozwala określić, które atrybuty HTML na stronie mają zostać zastąpione przez adresy URL CDN. Oznacza to, że możesz zdefiniować konkretne atrybuty HTML (takie jak src, href, data-src), w których LiteSpeed Cache ma zamienić oryginalne adresy URL zasobów na te obsługiwane przez CDN.

Dzięki tej funkcji masz pełną kontrolę nad tym, które atrybuty HTML mają być obsługiwane przez CDN, co zwiększa elastyczność konfiguracji i umożliwia jeszcze lepszą optymalizację strony.

Oryginalne URL – Innymi słowy, bazowy URL to adres, od którego zaczyna się ścieżka do Twojej strony. Zazwyczaj nie trzeba tego ruszać, bo LiteSpeed Cache sam automatycznie ustawia odpowiedni adres. Jeśli jednak chcesz go zmienić, np. z jakiegoś powodu używasz innego CDN czy masz nietypową konfigurację serwera, pamiętaj, żeby zacząć URL od //.

Dołączone katalogi – Opcja pozwala określić, które katalogi na Twoim serwerze mają być serwowane przez CDN. Na przykład, jeśli chcesz, aby tylko zasoby z katalogu wp-content/uploads były dostarczane przez CDN, możesz go tutaj wpisać.

Wyklucz ścieżkę – pozwala wykluczyć określone ścieżki lub katalogi z dostarczania przez CDN.

Cloudflare API – To opcja, która pozwala zintegrować LiteSpeed Cache z CDN Cloudflare za pomocą klucza API. Dzięki tej funkcji LiteSpeed Cache może bezpośrednio komunikować się z Cloudflare, aby automatycznie zarządzać ustawieniami, takimi jak czyszczenie pamięci podręcznej czy synchronizacja reguł optymalizacyjnych. Wystarczy wprowadzić swój klucz API, adres email na Cloudflare i nazwę domeny, aby LiteSpeed Cache mógł zarządzać Cloudflare z poziomu Twojej strony WordPress.

Optymalizacja obrazków

Optymalizacja obrazków w LiteSpeed Cache to funkcja, która automatycznie kompresuje i optymalizuje pliki graficzne na Twojej stronie, bez znacznej utraty jakości. Dzięki temu obrazy ładują się szybciej, co pozytywnie wpływa na czas ładowania strony i ogólną wydajność witryny. LiteSpeed Cache oferuje kilka praktycznych narzędzi, które pomagają w optymalizacji:

Automatyczna kompresja – LiteSpeed Cache potrafi automatycznie zmniejszać rozmiary plików graficznych, co redukuje ich wagę bez widocznej utraty jakości. Mniejsze pliki oznaczają krótszy czas ładowania i szybszą stronę.

Konwersja do WebP – Funkcja ta umożliwia konwersję tradycyjnych formatów obrazków, takich jak JPG czy PNG, do nowoczesnego formatu WebP, który jest lżejszy i zapewnia lepszą kompresję. WebP jest obsługiwany przez większość przeglądarek, co pozwala na jeszcze większe oszczędności w transferze danych.

Synchronizacja z serwerem – Dzięki tej funkcji możesz optymalizować obrazy bezpośrednio na serwerze LiteSpeed, co pozwala odciążyć Twój własny serwer. Obrazy są optymalizowane w chmurze, a wyniki zapisywane lokalnie, co dodatkowo poprawia wydajność.

Jeśli nie wiesz skąd wziąć darmowe obrazki na swoją stronę, zachęcamy do przeczytania naszego artykułu Najlepsze darmowe banki zdjęć

Ustawienia optymalizacji obrazków w Litespeed Cache

Optymizacja obrazków - podsumowanie

[1] Image Optimization Summary

Redetect Optimize images with our QUIC.cloud server – Dzięki tej opcji możemy uruchomić optymalizację wszystkich obrazków na stronie klikając Wyślij żądanie optymalizacji (musisz posiadać wygenerowany Domain Key w kategorii Ogólne aby to zrobić).

Obrazy są przesyłane do serwerów QUIC.cloud, gdzie zostają zoptymalizowane. Proces ten obejmuje kompresję obrazów i konwersję do formatu WebP (jeśli jest włączona taka opcja). Warto podkreślić, że wszystko dzieje się poza Twoim własnym serwerem, dzięki czemu nie obciąża to zasobów hostingowych.

Po zakończeniu optymalizacji, zoptymalizowane pliki zostają pobrane z powrotem na Twój serwer. Zastępują one oryginalne wersje obrazków lub są przechowywane obok nich (jeśli wybrana jest konwersja do WebP)

Uwaga: jeśli klikniesz opcję Delete all backups of the original images zostaną usunięte wszystkie oryginalne obrazki, które uległy przekonwertowaniu. Po zrezygnowaniu z optymalizacji w Litespeed Cache, przestaną się one wyświetlać na stronie, dlatego proszę zachować szczególną ostrożność.

[2] Image Optimization Settings

Ustawienia optymalizacji obrazków

W tej zakładce skonfigurujesz ustawienia dotyczące samej optymalizacji obrazków.

Auto Request Cron – Automatycznie wysyła żądania do serwera QUIC.cloud w celu optymalizacji nowych obrazków w tle.

Auto Pull Cron – Automatycznie pobiera zoptymalizowane obrazy z serwera QUIC.cloud na Twoją stronę po zakończeniu optymalizacji.

Optymalizuj oryginalne obrazki – Włącza możliwość optymalizacji oryginalnych plików obrazów, a nie tylko ich zmienionych wersji.

Usuń oryginalne kopie zapasowe – Usuwa kopie zapasowe oryginalnych obrazków po zakończeniu optymalizacji, aby zaoszczędzić miejsce na serwerze.

Zoptymalizuj bezstratnie – Przeprowadza bezstratną optymalizację obrazków, zachowując pełną jakość plików przy minimalnym rozmiarze.

Zachowaj dane EXIF/XMP – Umożliwia zachowanie dodatkowych danych EXIF/XMP w obrazkach, takich jak informacje o aparacie czy lokalizacji.– Umożliwia zachowanie dodatkowych danych EXIF/XMP w obrazkach, takich jak informacje o aparacie czy lokalizacji.

Zamiennik obrazów WebP – Automatycznie tworzy i serwuje lżejsze wersje obrazków w formacie WebP, jeśli przeglądarka je obsługuje.

Atrybut WebP do zastąpienia – Określa, które atrybuty HTML (np. src lub srcset) mają być zastąpione wersjami WebP.

WebP For Extra srcset – Umożliwia użycie formatu WebP dla dodatkowych obrazów w atrybucie srcset, co optymalizuje obrazy w różnych rozdzielczościach.

Podsumowanie

LiteSpeed Cache to potężne narzędzie, które nie tylko przyspiesza działanie strony dzięki integracji z siecią CDN, ale także optymalizuje obrazy, co znacząco wpływa na wydajność. Wykorzystując QUIC.cloud lub inne usługi CDN, możemy skutecznie rozprowadzać statyczne zasoby po całym świecie, a dzięki zaawansowanej optymalizacji obrazków nasze strony ładują się szybciej, co poprawia wrażenia użytkowników i wspiera SEO. Niezależnie od tego, czy korzystasz z formatów takich jak WebP, czy wdrażasz optymalizację bezstratną, LiteSpeed Cache pomaga utrzymać stronę lekką i wydajną bez większego wysiłku.

Autor:

Konrad Matus

Lojalny mnich w Zenbox.pl, zawsze pomocny i przeważnie uśmiechnięty. Zwolennik tekstu pisanego i samego pisania. Prywatnie mąż, ojciec i syn, dokładnie w tej kolejności. W wolnym czasie remontuje, produkuje muzykę elektroniczną i gra w grę... World of Warcraft.

Może ci się spodobać również

Porady - 6 grudnia 2024 10:48

Jak AI pomaga w zarządzaniu komentarzami i moderacji treści na stronach?

Moderacja treści na stronach internetowych bywa czasochłonna i wymaga uwagi. AI zmienia ten proces, umożliwiając szybsze i skuteczniejsze zarządzanie komentarzami, wykrywanie spamu oraz poprawę zaangażowania społeczności. Wykrywanie spamu – pierwsza linia obrony Spam w komentarzach to problem, który dotyka niemal każdą stronę internetową. Wykorzystując algorytmy uczenia maszynowego, AI analizuje setki tysięcy wzorców, aby wykryć niechciane […]

Więcej →

UX - 5 grudnia 2024 13:48

Projektowanie dla różnorodnych grup użytkowników

Współczesne projektowanie UX/UI coraz bardziej koncentruje się na tworzeniu rozwiązań, które są dostępne i użyteczne dla jak najszerszego grona użytkowników. W świecie, gdzie różnorodność demograficzna, kulturowa i technologiczna jest coraz bardziej widoczna, projektowanie inkluzywne staje się nie tylko trendem, ale wręcz koniecznością. Jakie wyzwania stawia przed projektantami ta różnorodność? Jak tworzyć produkty, które będą odpowiadały […]

Więcej →

Porady - 3 grudnia 2024 15:37

AI w optymalizacji obrazów i multimediów na stronach internetowych

Optymalizacja multimediów to jeden z kluczowych elementów zapewniających wydajność i funkcjonalność strony internetowej. Sztuczna inteligencja  otwiera nowe możliwości w tej dziedzinie, automatyzując procesy i wprowadzając rozwiązania, które oszczędzają czas i zasoby. Dowiedz się jak dokładnie AI wspiera optymalizację obrazów i multimediów, szczególnie na popularnych platformach CMS, takich jak WordPress! Znaczenie optymalizacji multimediów Zbyt duże pliki […]

Więcej →