Jak przyspieszyć i zabezpieczyć swoją witrynę za pomocą Cloudflare?

W uproszczeniu, Cloudflare CDN niweluje dystans. Zobaczmy, jak usprawnia szybkość ładowania Twojej strony internetowej na całym globie. Przygotujcie się na garść informacji.

Odległość jest zgubna nie tylko dla relacji międzyludzkich; stanowi także poważną przeszkodę dla przepływu danych.

Przechodząc do sedna, witryny internetowe o dużym natężeniu ruchu tracą miliony z powodu każdej dodatkowej sekundy, jaka upływa podczas ładowania strony. Liczne analizy przypadków potwierdzają, jak istotna jest szybkość działania stron internetowych.

Nikt nie lubi czekać, zwłaszcza w świecie, gdzie możliwości są niemal nieograniczone. Spójrzmy na te dane:

Źródło: Pingdom

Dla wyjaśnienia, współczynnik odrzuceń określa odsetek użytkowników, którzy opuszczają witrynę bez podjęcia jakiejkolwiek interakcji. Brak konwersji, brak transakcji, tylko bezcelowy ruch w sieci.

Wysoki współczynnik odrzuceń jest tolerowany w przypadku blogów i kilku innych rodzajów witryn, jednak w innych przypadkach (e-commerce, B2B, handel detaliczny itp.) stanowi poważny sygnał ostrzegawczy.

Sieć dostarczania treści (CDN) przechowuje skopiowaną wersję strony w pamięci podręcznej swoich serwerów. Dzięki temu użytkownik odwiedzający Twoją stronę, ładuje ją z najbliższej lokalizacji geograficznej, co zapewnia maksymalnie krótki czas ładowania.

Dokładnie tak działa Cloudflare, dysponując siecią 250 punktów obecności (PoP) w przeszło 100 miastach na całym świecie. To prawdziwie globalna sieć przesyłania danych.

Oto niektóre funkcje, które Cloudflare oferuje Twojej stronie internetowej:

  • Kompresja i minimalizacja danych
  • Redukcja kosztów transferu danych
  • Równoważenie obciążenia dla lepszej wydajności
  • Zaawansowana zapora aplikacji internetowych (WAF)
  • Darmowa instalacja certyfikatu TLS/SSL
  • Plany biznesowe z gwarancją dostępności na poziomie 100%

Podsumowując, efektywna sieć CDN stanowi ochronę i optymalizuje wydajność. Cloudflare jest liderem w tej branży, obsługując ponad 75% witryn z rankingu Alexa Top 1 Million.

Dowiedzmy się zatem, jak bezpłatnie dodać Twoją witrynę do sieci Cloudflare. Następnie przedstawię Ci porównanie wyników przed i po implementacji.

Konfiguracja testowa

  • Zakupiłem subskrypcję miesięczną na SiteGround i stworzyłem minimalistyczną stronę testową (techpostal.com) za pomocą WordPressa.
  • Użyłem motywu potomnego Genesis Maker Pro bez włączonej pamięci podręcznej i wtyczek zabezpieczających.
  • Wyłączyłem również wszelkie optymalizacje serwerowe SiteGround, aby wyniki były bardziej wiarygodne.

Wdrożenie Cloudflare

Przejdź do strony rejestracji Cloudflare. Podaj swój adres e-mail i mocne hasło, aby rozpocząć proces. Następnie sprawdź skrzynkę odbiorczą i potwierdź swój adres e-mail.

Następnie wróć do panelu i dodaj swoją stronę internetową. Wprowadź adres URL swojej strony i kliknij Dodaj witrynę.

Następny ekran przeniesie Cię do wyboru planu subskrypcji. W tym przykładzie wybrałem plan darmowy.

Po wybraniu planu kliknij Kontynuuj na dole.

W dalszej kolejności Cloudflare przeskanuje rekordy DNS Twojej strony. Możesz je sprawdzić u swojego rejestratora domeny.

Masz również możliwość odznaczenia niektórych rekordów, aby zablokować ich proxy za pośrednictwem Cloudflare.

Sprawdź więc uważnie rekordy DNS przed przejściem dalej.

Teraz nadszedł czas na zmianę serwerów nazw. To kluczowy (i najprostszy) krok w konfiguracji każdej sieci CDN. Sposób jego realizacji zależy od Twojego rejestratora domeny. Zapoznaj się z przewodnikiem Cloudflare dotyczącym zmiany serwerów nazw, jeśli masz wątpliwości.

Optymalizacje

Teraz Cloudflare przedstawi kilka propozycji usprawnienia wydajności.

Obie opcje są domyślnie włączone. Pierwsza dotyczy korzystania z certyfikatów SSL/TLS, a druga pomaga skrócić czas ładowania strony.

Ponadto upewnij się, że kompresja Brotli i funkcja Rocket Loader są włączone. Ponieważ w ramach planu darmowego możliwości są ograniczone, warto wykorzystać te funkcje, aby uzyskać optymalną wydajność.

Na koniec przejdź do opcji Szybkość > Optymalizacja > Brotli. Upewnij się, że jest włączona.

Podobnie, przewiń w dół w tej samej sekcji i włącz Rocket Loader.

Zmiana serwerów nazw może zająć trochę czasu. Cloudflare informuje o 48-godzinnym okienku, ale w praktyce trwa to zaledwie kilka minut.

Aby to sprawdzić, możesz skorzystać z naszego narzędzia do wyszukiwania DNS newsblog.pl lub tego narzędzia do testowania DNS.

Kontrola wydajności

Użyłem Blazemetra do sprawdzenia czasu odpowiedzi witryny. Czas odpowiedzi to nieco bardziej zaawansowana wersja czasu ładowania strony. Idealnie, w obu tych przypadkach, im niższe wartości, tym lepiej. Przyjmuje się jednak, że czas odpowiedzi do 2 sekund jest akceptowalny.

Warto zaznaczyć, że „Przed Cloudflare” oznacza stan bazowy, bez korzystania z narzędzi zewnętrznych ani wewnętrznych. Z kolei „Po Cloudflare” oznacza działanie z bezpłatnym planem Cloudflare CDN oraz kilkoma optymalizacjami, które zostały omówione w tym artykule.

Oto wyniki:

Przed Cloudflare

Jak widzimy, zarówno średni czas odpowiedzi, jak i czas odpowiedzi 90. percentyla skróciły się odpowiednio o 12% i 28%. Zapoznaj się z tym przewodnikiem Blazemetra, jeśli nie rozumiesz parametrów wymienionych w raporcie.

Podsumowanie

Niesamowite jest, jak bardzo Cloudflare usprawnia parametry witryny, nawet w planie darmowym.

Zachęcam Cię do wypróbowania darmowego planu Cloudflare. Konfiguracja jest prosta i znacząco poprawia wydajność.

Nie należy zapominać, że testowaliśmy jedynie aspekty związane z prędkością. Cloudflare działa również jako tarcza zabezpieczająca. Ponadto, potrafi utrzymać statyczną wersję strony online, nawet gdy serwer główny jest wyłączony.

Jeśli myślisz o uwolnieniu pełnego potencjału, Cloudflare oferuje również plany płatne. Oferują one szeroki zakres dodatkowych funkcji, takich jak WAF, optymalizacja obrazów, optymalizacja mobilna i wiele innych.

Używasz WordPressa?

Jeśli korzystasz z WordPressa, powinieneś rozważyć użycie wtyczki WP Cloudflare Super Page Cache. Inteligentnie buforuje całą stronę (zarówno zawartość statyczną, jak i dynamiczną). Jeszcze bardziej skróci to czas ładowania Twojej witryny.

Jakie są alternatywy dla Cloudflare?

Bardzo solidną alternatywą jest Sucuri.

Oto kilka narzędzi do monitorowania szybkości strony, które powiadomią Cię, jeśli Twoja witryna przestanie działać.


newsblog.pl