Najlepsze zasady strony Cloudflare WordPress dla stron administracyjnych

Opublikowany: 2022-12-03

Cloudflare Page Rules and WordPress

Blogerzy korzystający z WordPressa wiedzą, że szybka i bezpieczna strona internetowa ma kluczowe znaczenie.

Pierwszym krokiem jest skorzystanie z niezawodnego i szybkiego dostawcy usług hostingowych lub zarządzanego hostingu WordPress.

Drugim etapem jest użycie sieci CDN (Content Delivery Network), aby przyspieszyć ładowanie witryny dla odwiedzających z całego świata.

Zdecydowanie najpopularniejszym jest Cloudflare. Ale ustawienia Cloudflare dla WordPress wymagają pewnych poprawek, aby uniknąć powolnych stron administracyjnych.

W tym artykule Ukryj
Jak skrócić czas ładowania WordPressa.
Korzystanie z usługi CDN rozwiązuje problem odległości.
Teraz masz bardzo szybką witrynę dla wszystkich odwiedzających z całego świata.
Ale moje strony administracyjne WordPress działają wolno.
Jak sprawić, by strony administracyjne Cloudflare WordPress działały poprawnie.
Jak zmienić ustawienie pamięci podręcznej.
Dodaj reguły strony Cloudflare WordPress.
Dodatkowe ustawienia reguł strony Cloudflare WordPress.
Wniosek.

Jak skrócić czas ładowania WordPressa.

  • Użyj wtyczki buforującej
  • Zminimalizuj CSS i JavaScript
  • Użyj leniwego ładowania dla obrazów
  • Korzystaj z usług CDN

W Internecie można znaleźć tysiące artykułów, recenzji i opinii na temat wyborów dla tych czterech kluczowych elementów szybkości.

Dlatego w tym artykule nie będę zagłębiać się w te pomysły.

Skupię się głównie na tym, jak sprawić, by WordPress działał płynnie i szybko z Twoim kontem Cloudflare.

Zanim jednak przejdę do konfigurowania Cloudflare dla WordPress, powinienem poprzedzić moją radę, wskazując, jakich narzędzi szybkościowych używam obecnie w mojej witrynie.

  • Do buforowania używam W3 Total Cache do buforowania przeglądarki i stron.
  • Jeśli chodzi o minimalizację CSS i JavaScript, Autoptimize od lat jest dla mnie bardzo niezawodny.
  • Do leniwego ładowania używam ustawienia Autoptimze. Możesz zatrzymać leniwe ładowanie pierwszych kilku obrazów, aby uzyskać lepsze wyniki wskaźników internetowych.

Obie są darmowymi wersjami dostępnymi z repozytorium wtyczek WordPress i doskonale ze sobą współpracują.

Możliwe jest zminimalizowanie za pomocą W3 Total Cache i działa doskonale.

Uważam jednak, że funkcja Autoptimize jest trochę lepsza, ponieważ nie muszę wprowadzać żadnych zmian w ustawieniach podczas dodawania lub usuwania wtyczek.

Chociaż same te wtyczki redukują czas ładowania strony wyjątkowo dobrze i często dają prawie 100% wyników w niektórych witrynach testujących prędkość, pozostaje problem odległości.

Mój serwer witryny znajduje się w Szwajcarii i jest bardzo szybki i niezawodny, szczególnie dla odwiedzających witrynę z Europy. Ale dla, powiedzmy, moich gości z USA, istnieje duża odległość do przebycia danych witryny.

Powoduje to nieco wolniejsze ładowanie strony, co wpływa na wygodę użytkowników w Stanach Zjednoczonych, Kanadzie, RPA i Australii.

Korzystanie z usługi CDN rozwiązuje problem odległości.

Cloudflare network map

Cloudflare jest dobrze znany jako niezawodny dostawca CDN (Content Delivery Network), z którego korzystają blogerzy i klienci korporacyjni.

Obsługa Cloudflare jest dobra, a na 95% pytań można znaleźć odpowiedzi w oficjalnej bazie wiedzy Cloudflare.

Krótko mówiąc, po zmianie adresu IP Cloudflare przechowuje pliki statyczne na lokalnych serwerach.

Twoje dane mogą być wtedy znacznie szybciej dostarczane z pamięci podręcznej Cloudflare do odwiedzających witrynę w dowolnym miejscu, ponieważ ponad 80% dowolnej strony internetowej składa się z danych statycznych.

Jednak domyślnie nie przechowuje statycznego kodu HTML, ale to nie jest wielka sprawa.

Dostawcy CDN mają wiele możliwości wyboru, ale Cloudflare oferuje trzy ogromne zalety.

  • Po pierwsze: sieć jest ogólnoświatowa.
  • Po drugie: może chronić przed hakerami.
  • Po trzecie: to nic nie kosztuje.

To sprawia, że ​​Cloudflare jest logicznym pierwszym wyborem dla blogerów, którzy chcą korzystać z darmowego abonamentu CDN bez limitu stawek, aby poprawić wydajność swojej witryny.

Konfigurowanie witryny WordPress w Cloudflare to prosty proces i istnieje wiele szczegółowych artykułów wyjaśniających ten proces.

Oto jeden przykład artykułu wyjaśniający podstawowe kroki konfiguracji Cloudflare.

Będziesz przenosić swoje rekordy DNS i serwery DNS ze swojego hosta internetowego na serwery Cloudflare.

Jedyną wskazówką, którą chciałbym dodać, jest to, że wtyczka WordPress Cloudflare nie jest tak naprawdę konieczna. Ale jeśli chcesz go użyć, będziesz musiał użyć klucza Cloudflare Global API, aby połączyć wtyczkę z pulpitu nawigacyjnego WordPress.

Równie łatwo można rozpocząć instalację ze strony internetowej Cloudflare, a następnie wykonać kroki konfiguracji i dodać aplikacje internetowe ze strony Cloudflare na komputer i obszaru administracyjnego. Ale wybór należy do Ciebie.

Teraz masz bardzo szybką witrynę dla wszystkich odwiedzających z całego świata.

Po zainstalowaniu i aktywacji Cloudflare Twoja witryna jest teraz znacznie bezpieczniejsza dzięki ochronie DDOS, elastycznemu SSL i szybszemu ładowaniu.

Gdy sprawdzisz swoją witrynę i przeprowadzisz kilka testów szybkości za pomocą Google PageSpeed, GTmetrix lub Pingdom, zobaczysz, jak szybka jest Twoja witryna po wdrożeniu Cloudflare.

Site Speed

Wszystko działa; Twoja witryna działa błyskawicznie, jesteś zadowolony, więc wszystko jest w porządku ze światem.

Ale moje strony administracyjne WordPress działają wolno.

Podczas wdrażania Cloudflare, wp-admin lub strona administratora pulpitu może napotkać kilka problemów.

Najczęstszym problemem jest powolne ładowanie. Lub, w rzadkich przypadkach, błędy 500, 504 lub 524, a może nawet pojawi się biały ekran.

Możesz również cierpieć z powodu niepełnego ładowania edytora WordPress, a czasami możesz mieć błędy javascript.

Po kilku dniach problemy zwykle nasilają się.

Prawie wyrwałem sobie włosy z głowy, próbując rozwiązać te irytujące problemy. Zwykle jest to tylko kwestia wyszukiwania w Google, aby znaleźć poprawkę WordPress, ale ta umykała mi przez jakiś czas.

W końcu rozwiązanie przyszło z dwóch kawałków informacji, które skleiłem razem po frustrującym przeszukaniu prawdopodobnie setek artykułów z poradami.

Problem dotyczy domyślnych ustawień pamięci podręcznej Cloudflare WordPress. Twoje strony administracyjne używają różnych i sprzecznych ustawień pamięci podręcznej.

Ale nie martw się, ponieważ rozwiązanie jest dość łatwe. Wystarczy skonfigurować kilka prostych reguł strony Cloudflare WordPress do obsługi pamięci podręcznej, a WordPress znów będzie jak nowy.

Cloudflare wymaga kilku specjalnych poprawek konfiguracyjnych, aby dobrze współpracować z WordPress.

Jak sprawić, by strony administracyjne Cloudflare WordPress działały poprawnie.

Istnieją dwa proste kroki, które należy wykonać, aby rozwiązać problemy z powolną stroną administracyjną WordPress w Cloudflare.

Po pierwsze i najważniejsze, musisz zmienić jedno ustawienie automatycznego wygasania pamięci podręcznej w Cloudflare.

Tutaj zaczynają się wszystkie problemy ze stroną administracyjną, ponieważ musisz użyć ustawień pamięci podręcznej WordPress, a nie domyślnych ustawień Cloudflare.

Domyślne ustawienia to kilka godzin buforowania. To dlatego strony administracyjne tak bardzo się opóźniają.

Zdecydowanie chcesz buforować interfejs witryny dla odwiedzających, ale nie chcesz buforować żadnych stron administracyjnych zaplecza.

Możesz to naprawić bardzo szybko, zmieniając jedno ustawienie pamięci podręcznej w Cloudflare.

Jak zmienić ustawienie pamięci podręcznej.

Zaloguj się do swojego konta Cloudflare. Następnie na pulpicie nawigacyjnym Cloudflare kliknij pozycję menu, Buforowanie .

Cloudflare Settings

Teraz zmień ustawienie Wygaśnięcie pamięci podręcznej przeglądarki na Szanuj istniejące nagłówki z rozwijanego pola wyboru.

cloudflare cache settings

Twoja pamięć podręczna działa teraz poprawnie. Pamięć podręczna stron administracyjnych zaplecza jest teraz kontrolowana przez WordPress, a nie przez Cloudflare.

Dodaj reguły strony Cloudflare WordPress.

Następnie musisz dostroić wydajność strony administracyjnej.

Oto najlepsze przykłady reguł strony Cloudflare dla WordPress.

Przejdź do aplikacji Reguły strony, aby skonfigurować reguły strony .

cloudflare wordpress page rules menu

Musisz dodać trzy reguły. Ponieważ otrzymujesz tylko trzy reguły z bezpłatnym kontem Cloudflare, ważne jest, aby używać ich mądrze, aby zoptymalizować Cloudflare dla WordPress.

Dodaj swoją pierwszą regułę dla swojej strony wp-admin. Możesz skopiować poniższą regułę, ale edytować ją pod własnym adresem URL witryny.

Gwiazdki na początku i na końcu są symbolami wieloznacznymi i są niezbędne, aby wszystkie powiązane strony stosowały reguły.

*example.com/wp-admin*

Cloudflare Rule One

Następnie dodaj dwa podstawowe ustawienia. Poziom pamięci podręcznej i wyłączanie wydajności .

Będziesz musiał zmienić ustawienie pamięci podręcznej ze Standardowej na Obejście dla wszystkich trzech reguł.

Istnieją inne ustawienia TTL pamięci podręcznej Edge i TTL pamięci podręcznej przeglądarki, ale nie musisz ich używać.

Drugą zasadą, którą musisz dodać, jest zaprzestanie ingerencji w edytor i funkcję podglądu wersji roboczej.

*example.com/*podgląd=true*

Cloudflare Rule Two

Na koniec chcesz się upewnić, że Cloudflare nie wpłynie na twoją stronę logowania.

*example.com/wp-login.php*

Zasada Cloudflare trzecia

Teraz musisz ustawić kolejność swoich reguł, jak na poniższym obrazku, aby upewnić się, że ładują się we właściwej kolejności.

Cloudflare Rule Order

Aby ustawić kolejność, przeciągnij w górę lub w dół za pomocą strzałek po lewej stronie pola reguł.

To wszystko, co musisz zrobić.

Dodatkowe ustawienia reguł strony Cloudflare WordPress.

Możesz dodać jeszcze dwa ustawienia do wszystkich trzech reguł strony, jeśli stwierdzisz, że wydajność jest nadal nieco niska.

Jeśli używasz Rocket Loader Cloudflare lub jakiejkolwiek innej aplikacji Cloudflare, dobrym pomysłem jest powstrzymanie ich od pracy na zapleczu WordPress. Możesz to zrobić, dodając opcję Wyłącz aplikacje.

Poziom zabezpieczeń jest opcjonalny, ale wolę ustawić go na Wysoki.

To są ustawienia, których używam do reguł mojej strony.

cloudflare page rules extra

Powinieneś wykonać ostatnią kontrolę, aby upewnić się, że wszystkie Twoje reguły mają te same ustawienia. Przegląd reguł strony Cloudflare WordPress powinien wyglądać tak.

cloudflare wordpress page rules final settings

Teraz wszystkie strony administracyjne WordPress zaplecza znów będą działać idealnie.

Jedyną inną uwagą, którą chciałbym zrobić, jest to, że Cloudflare Rocket Loader może być nieco drażliwy. Jeśli to działa w Twojej witrynie, to dobrze. Ale może to powodować błędy javascript.

Od czasu WordPress 5.5 zauważyłem pewne problemy, więc nie używam już Rocket Loader na żadnej z moich stron.

Wniosek.

Korzystanie z CDN jest warte rozważenia dla każdej witryny WordPress.

Nie tylko w celu zwiększenia bezpieczeństwa witryny i skrócenia czasu ładowania strony, ale także w celu zapewnienia pozytywnych wrażeń odwiedzających witrynę.

Google jasno dał do zrozumienia, że ​​preferuje szybkie ładowanie stron internetowych i uczynił szybkość strony silnym czynnikiem rankingowym. Jest to więc kolejny bardzo ważny powód, aby pomyśleć o uaktualnieniu witryny o CDN.

Utrzymanie bloga jest zawsze w toku.

Szukaj drobnych ulepszeń, które możesz wprowadzić na swoim blogu, aby zwiększyć zadowolenie odwiedzających i wskaźnik powrotów.

Aktualizacja: mamy nowy artykuł o tym, jak poprawić szybkość witryny nawet o 90% przy użyciu pamięci podręcznej Cloudflare.