Jak włączyć buforowanie przeglądarki za pomocą Cloudflare w WordPress?

Buforowanie przeglądarki to technika przyspieszająca działanie witryny poprzez poproszenie przeglądarki o przechowywanie lub „buforowanie” plików statycznych przez pewien czas, aby nie trzeba było ich ponownie pobierać przy kolejnych wizytach. To wszystko w skrócie.

W tym samouczku dowiemy się, jak dodać nagłówek wygasa w Cloudflare, który zasadniczo mówi przeglądarce, jak długo powinna buforować zasoby statyczne.

Jeśli chcesz korzystać z pamięci podręcznej przeglądarki, musisz poinformować przeglądarki internetowe, jak długo powinny przechowywać obrazy, pliki CSS i Javascript lokalnie w przeglądarce klienta. Przeglądarka użytkownika zużyje mniej danych podczas przeglądania stron witryny, jeśli zastosuje się określone standardy i ustawienia (ponieważ musi pobierać mniej plików). Zastosowanie buforowania przeglądarki w WordPressie powoduje szybszy czas ładowania Twojej witryny.

Co to jest buforowanie przeglądarki?

Buforowanie to proces przechowywania danych w pamięci podręcznej. Pamięć podręczna to nic innego jak tymczasowe miejsce do przechowywania danych.

Tymczasowe przechowywanie treści w przeglądarkach internetowych określane jest mianem pamięci podręcznej przeglądarki. Przeglądarka internetowa odwiedzającego pobiera i zapisuje na dysku lokalnym różne zasoby witryny. Wśród nich są obrazy, pliki HTML i pliki JavaScript. Strona internetowa załaduje się szybko, a zużycie przepustowości zostanie zmniejszone przy następnej wizycie użytkownika na stronie.

Zalety buforowania

Strony internetowe mogą być wstępnie pobierane i buforowane na klientach, serwerach proxy i serwerach. Buforowanie online ma wiele zalet, w tym zwiększoną wydajność sieci.

• Buforowanie zmniejsza zużycie przepustowości, zmniejsza ruch w sieci i zmniejsza przeciążenie sieci.
• Z dwóch powodów buforowanie zmniejsza opóźnienie dostępu:
  • a) Często odwiedzane dokumenty są pobierane z lokalnej pamięci podręcznej proxy, a nie z odległych serwerów danych, co zmniejsza opóźnienia w transmisji.
  • b) Ponieważ buforowanie zmniejsza ruch w sieci, dokumenty, które nie są buforowane, mogą być pobierane znacznie szybciej niż byłyby bez niego, dzięki zmniejszeniu przeciążenia na ścieżce i mniejszemu obciążeniu serwera.
• Poprzez dystrybucję danych między pamięciami podręcznymi proxy w sieci WAN, buforowanie minimalizuje obciążenie odległego serwera WWW.
• Klient może uzyskać kopię z pamięci podręcznej na serwerze proxy, jeśli serwer zdalny jest niedostępny z powodu awarii lub partycjonowania sieci. W rezultacie poprawiono niezawodność usługi sieci Web.

Jak działa buforowanie przeglądarki?

Wyjaśnienie, jak działa buforowanie przeglądarki, pokazano na poniższej grafice.

Serwer WWW zbiera dane ze strony internetowej i przesyła je do okna przeglądarki. W zależności od tego, czy odwiedzający jest odwiedzającym po raz pierwszy, czy już odwiedził witrynę, wykonywane jest buforowanie.

Przyjrzyjmy się tym dwóm przykładom, aby zobaczyć, jak działa buforowanie.

Przypadek 1: Pierwszy użytkownik

Poniższa grafika przedstawia okoliczność, w której dana osoba odwiedza witrynę po raz pierwszy.

Przeglądarka internetowa zbiera dane z serwera internetowego, gdy wchodzisz na stronę po raz pierwszy. Wynika to z faktu, że zasoby online nie zostały jeszcze zbuforowane. Przeglądarka internetowa zapisze zasoby online w pamięci podręcznej, aby zapewnić lepsze wrażenia przy następnej wizycie na stronie.

Przypadek 2: Użytkownik odwiedził już witrynę.

Jeśli użytkownik odwiedzi witrynę po raz drugi na tym samym urządzeniu komputerowym, druga wizyta zostanie załadowana szybciej niż pierwsza. Dzieje się tak, ponieważ przeglądarka internetowa używa pamięci podręcznej do pobierania statycznych zasobów internetowych, takich jak obrazy, CSS i JavaScript. Strona HTML zostanie dostarczona przez przeglądarkę internetową.

Ten scenariusz jest przedstawiony na poniższej grafice.

Z powyższej wizualizacji wynika, że ​​informacje są aktualne. Termin „świeża zawartość” odnosi się do rzeczy, które jeszcze nie wygasły i można je pobrać z pamięci podręcznej. Nieaktualne materiały to treści, których data ważności w pamięci podręcznej minęła i można je uzyskać wyłącznie z serwera WWW.

Przeanalizuj swoją witrynę za pomocą GTMetrix

Być może zauważyłeś błąd „Dodaj nagłówki Expires”, jeśli użyłeś GTmetrix do oceny swojej witryny.

Jak sprawdzić nagłówek buforowania w przeglądarce?

Nagłówki odpowiedzi są używane przez buforowanie przeglądarki. Przeglądarka wysyła „nagłówki żądania” z każdym żądaniem HTTP, a serwer odpowiada „nagłówkami odpowiedzi” i danymi.

Serwer określa nagłówek odpowiedzi zwany „kontrolą pamięci podręcznej”, który informuje przeglądarkę, ile buforować plików (w sekundach).

Kliknij trzy kropki (menu kebaba) w prawym górnym rogu przeglądarki Chrome

Kliknij Więcej narzędzi -> narzędzia programistyczne

W Network -> js znajdziesz wymagane foldery.

Otwórz plik jquery i kliknij Nagłówek , aby obserwować kontrolkę pamięci podręcznej .

Jak widać, pliki pamięci podręcznej są natychmiast ładowane z dysku lub pamięci (RAM).

Buforowanie przeglądarki umożliwia wykonanie następujących czynności:

• Należy zmniejszyć obciążenie serwera.
• Skróć czas ładowania strony
• Obniż koszty przepustowości.

Jak włączyć buforowanie przeglądarki za pomocą Cloudflare (dodaj wygasające nagłówki Cloudflare)?

Jeśli używasz Cloudflare, możesz łatwo dodać nagłówki wygaśnięcia do każdego żądania za pomocą zaledwie dwóch kliknięć i bez wtyczek.

Przejdź do pulpitu nawigacyjnego Cloudflare

Wpisz swoją domenę

Kliknij Buforowanie -> Konfiguracja z menu po lewej stronie

Przewiń w dół do „TTL pamięci podręcznej przeglądarki” i odpowiednio zmień czas trwania

Domyślnie będzie to 4 godziny. Zmień go na coś, co trwa dłużej niż dwa miesiące i gotowe!

Wniosek

Buforowanie przeglądarki to strategia ulepszania witryny poprzez nakazanie przeglądarce zapisywania lub „buforowania” plików przez określony czas, aby nie trzeba było ich ponownie pobierać przy wielu wizytach. Krótko mówiąc, to wszystko.

Jeśli chcesz korzystać z buforowania przeglądarki, musisz poinformować przeglądarki internetowe, jak długo powinny przechowywać obrazy, pliki CSS i Javascript w przeglądarce klienta. W przypadku zastosowania określonych standardów i ustawień przeglądarka użytkownika będzie zużywać mniej danych podczas przeglądania stron internetowych. Korzystanie z pamięci podręcznej przeglądarki w WordPress skraca czas ładowania witryny.