Jak buforować witrynę dla szczytowych wydajności: przewodnik dla początkujących po buforowaniu internetowym

Uczenie się, jak buforować witrynę internetową. Buforowanie jest ważne w wydajności witryny, doświadczeniach użytkowników i SEO. Istnieje kilka sposobów na jego wdrożenie i dowiesz się wszystkiego o tym w tym poście.

Poniżej omawiamy buforowanie, jak to działa, jego korzyści i różne typy. Następnie pokazujemy trzy różne metody, które możesz użyć, aby umożliwić buforowanie swojej witryny oraz studium przypadku, aby wskazać jej wpływ na wydajność. Wreszcie, szybko omówimy, w jaki sposób i dlaczego wyczyścić pamięć podręczną witryny.

Co to jest buforowanie?

Na najbardziej podstawowym poziomie buforowanie oznacza przechowywanie kopii plików w pamięci podręcznej - tymczasowej lokalizacji pamięci - aby udostępnić je do szybkiego dostępu. Jest to metoda stosowana w wielu obszarach oprogramowania i technologii, w tym przeglądarki, programy i systemy operacyjne.

Ponieważ strony internetowe składają się z różnych rodzajów plików, są również doskonale odpowiednie do buforowania. Możesz przechowywać pliki HTML, CSS, JavaScript i obrazów, aby umożliwić przeglądarce szybszy dostęp do nich i szybciej pokazać witrynę.

Niektóre rodzaje treści są bardziej odpowiednie do buforowania niż inne. Na przykład treść statyczna, co oznacza elementy witryny, które często się nie zmieniają, są do niej idealne. Logo Twojej witryny jest dobrym przykładem, ponieważ mało prawdopodobne jest, aby często je przełącza.

Z drugiej strony treść, która często się zmienia, jest inną historią. Chociaż możesz to również buforować, musisz wprowadzić zasady, aby odwiedzający nie widzą przestarzałej wersji. Więcej o tym wkrótce.

Korzyści płynące z buforowania stron internetowych

Głównym powodem buforowania witryny jest poprawa wydajności. Jeśli przeglądarka może szybciej korzystać z plików, których potrzebuje do wyświetlenia witryny, odwiedzający widzą witrynę szybciej.

To prowadzi do lepszego wrażenia użytkownika, co sprawia, że ​​odwiedzający będą bardziej prawdopodobne, że pozostają na Twojej stronie dłużej, podejmują pożądane działania, takie jak kupowanie produktu lub powrót później. Wszystkie dobre wieści o współczynniku konwersji i wynikach wyników.

Szybkość witryny to także coś, o co troszczą się wyszukiwarki. Google używa go jako czynnika rankingu od ponad dekady. Ponadto jego podstawowe wskaźniki VITALS mierzą konkretnie, jak szybko pojawia się strona dla użytkowników i jak szybko reaguje na dane wejściowe użytkownika.

Ponadto buforowanie stresuje serwer. Zmniejsza liczbę plików, że powtarzający się odwiedzający muszą pobrać z witryny i liczbę żądań, z którymi Twój serwer ma do czynienia w tym samym czasie. Ponadto buforowanie pozwala nawet zlecić niektóre prace na zewnętrzne serwery.

Jest to szczególnie ważne, gdy Twoja witryna staje się bardziej popularna. Buforowanie pomaga uniemożliwić przytłoczenie serwera. Ponadto oszczędza przepustowość i koszty, jeśli masz ograniczony plan hostingu.

Jakie są rodzaje buforowania?

Możliwe jest buforowanie witryny na różnych poziomach procesu ładowania. Istnieją dwa główne typy: buforowanie serwera i klienta.

Buforowanie po stronie klienta dotyczy wszystkiego, co dzieje się na komputerze lub w przeglądarce (tj. „Klient”) Twoich odwiedzających. Z drugiej strony buforowanie serwera występuje na komputerze zawierającym pliki witryny.

Buforowanie przeglądarki/klienta

Gdy przeglądarki wyświetlają stronę internetową, muszą pobrać wiele danych. Aby skrócić czas ładowania powtarzającej się wizyty, przechowują dużo treści na dysku twardym odwiedzającego, gdzie jest szybszy dostęp.

Jednym z przykładów jest buforowanie DNS. Oznacza to lokalne zapisywanie adresu IP powiązanego z witryną, aby przeglądarka nie musiała go szukać następnym razem, gdy chcesz uzyskać dostęp do witryny.

Ponadto przeglądarki zawsze sprawdzają swoją pamięć podręczną, aby sprawdzić, czy jakieś wymagane zasoby - jak obrazy i inne pliki - są już w tym miejscu. W ten sposób nie muszą kontaktować się z serwerem.

Buforowanie serwera

Istnieją różne formy buforowania serwera. Różnią się głównie typem i ilością danych zapisanych na serwerze:

• Buforowanie strony: Oznacza to zapisywanie już skompilowanej wersji HTML strony, aby nie musi być tworzona od zera dla każdego gościa.

• Buforowanie obiektów: Tutaj serwer zapisuje żądania bazy danych ponownego użycia, takie jak wyszukiwanie produktów w sklepie internetowym.

• Fragment buforowanie: opisuje przechowywanie określonych elementów strony internetowej, zwykle statyczne zasoby, takie jak obrazy.

• Bugowanie CDN: W tym przypadku kopie danych Twojej witryny leżą na dodatkowych serwerach w różnych lokalizacjach. Pozwala odwiedzającym szybciej pobierać go z najbliższego serwera.

Jak działa buforowanie

Spójrz na następujący obraz:

Z powyższego już łatwo jest zrozumieć, jak działa buforowanie:

1. Rodzaj użytkowników w adresie URL i przeglądarka internetowa sprawdza, czy ma dane żądanej strony w pamięci podręcznej.

2. Jeśli tak, wysyła wiadomość do serwera, deklarując, które wersje plików zapisały.

3. Serwer sprawdza, czy istnieją nowsze wersje, a jeśli tak, wysyła zaktualizowane zasoby. Jeśli były wcześniej żądane, serwer może przesyłać je z własnej pamięci podręcznej bez przetwarzania od zera.

4. Przeglądarka internetowa wyświetla żądaną stronę internetową za pomocą istniejących danych z pamięci podręcznej i wszelkich danych wysyłanych z serwera.

Teraz nadszedł czas, aby porozmawiać o technologii, która umożliwia buforowanie witryny możliwej: nagłówki buforowania.

Zrozumienie nagłówków żądań i odpowiedzi

Nagłówki żądania i odpowiedzi to małe fragmenty tekstu wymienione przez przeglądarki i serwery. Obejmują one ważne informacje i instrukcje dotyczące przesyłanych między nimi danych.

Jedną rzeczą, którą robią, jest skonfigurowanie zachowania buforowania i istnieje kilka nagłówków w tym celu. Obejmują one kontrolę pamięci podręcznej, wygasa, ostatnią modyfikację i ETAG. Buforowanie nagłówków zasadniczo działają na dwa sposoby:

1. Zadekorować, czy plik strony internetowej w ogóle powinien być buforowany, jak długo i przez kogo (przeglądarki i/lub serwery).

2. Zaznacz wiek i „wersję” pliku, więc przeglądarki ponownie ładują go tylko wtedy, gdy na serwerze znajduje się nowsza edycja.

Wszystko to pomaga zmniejszyć liczbę plików i ilość danych, które muszą być przesyłane do załadowania witryny, pomagając przyspieszyć proces. I chociaż nagłówki buforowania mogą wydawać się nieco techniczne, należy je pamiętać, zwłaszcza jeśli zdecydujesz się ręcznie skonfigurować buforowanie na serwerze.

Jak buforować witrynę: 3 opcje do rozważenia

Po całej tej teorii omówmy, jak buforować witrynę w praktyce.

1. Włącz buforowanie ręcznie

Ręcznie konfigurowanie buforowania jest najbardziej skomplikowanym podejściem, ponieważ wymaga ręcznego skonfigurowania nagłówków buforowania na serwerze.

Pierwszym krokiem jest sprawdzenie status quo, ponieważ Twój dostawca hostingowy lub oprogramowanie do witryny mogło już wykonać trochę pracy. W tym celu otwórz witrynę w przeglądarce, dostęp do narzędzi programistycznych (CTRL/CMD+Shift+I w większości przeglądarków), tand hen przejdź do karty sieciowej (być może musisz ponownie załadować stronę, aby coś tutaj zobaczyć).

Kliknij dowolny zasób, aby zobaczyć jego nagłówki żądania i odpowiedzi.

Następnie musisz zdefiniować strategię buforowania. Będzie to wyglądało inaczej dla każdego przypadku użycia. Na przykład witryna informacyjna wymaga krótszych interwałów buforowania niż witryna broszury. Treść witryn informacyjnych zmienia się w minucie, podczas gdy broszury pozostają w dużej mierze tak samo.

Zasadniczo chcesz zrównoważyć czas trwania pamięci podręcznej i świeżość danych:

• Dłuższe zasoby statyczne pamięci podręcznej, np. Pliki multimedialne i treść do pobrania. Na przykład prawdopodobnie możesz buforować swoje logo i pliki czcionek przez maksymalny czas jednego roku.

• Użyj kontroli pamięci podręcznej: bez sklepu dla zasobów, których nigdy nie należy buforować.

• Dołącz walidator, taki jak ostatnia modyfikowana lub ETAG, aby zapewnić świeżość zasobów bez poświęcania korzyści z buforowania. Niektóre buformy internetowe wymagają również nagłówka kontrolnego wieku i weryfikacji do pracy.

Następnym krokiem jest wdrożenie wybranych ustawień na serwerze. Jak to zrobić, zależy od tego, jakie oprogramowanie działa Twój serwer. Oto instrukcje dotyczące najczęstszych konfiguracji:

• nginx

• Apache

Alternatywnie, dostawca hostingów może również oferować buforowanie i możliwość aktywowania go z panelu hostingowego.

2. Użyj CDN

Innym sposobem buforowania Twojej witryny jest zapisanie się na CDN. W tym celu najpierw musisz wybrać dostawcę CDN. Użyjemy tutaj Cloudflare, ponieważ jest to jedna z najpopularniejszych usług.

Zacznij od zapisania się do wybranego CDN. Przejdź do ich strony internetowej i utwórz konto.

Wybierz plan, który odpowiada Twoim potrzebom i podaj adres witryny.

Następnie musisz zaktualizować ustawienia DNS. Dostawca CDN zeskanuje Twoje bieżące rekordy, a następnie pokaże ich serwerom nazw.

Dzięki temu zaloguj się do rejestratora domeny (np. Domeny Namecheap, Godaddy lub Google), znajdź sekcję Ustawienia DNS i zastąp istniejące serwisów nazw na CDN.

Zapisz modyfikacje, a następnie poczekaj. Zmiany DNS mogą potrwać kilka godzin, aby całkowicie się propagować. Po zakończeniu Twoja witryna zostanie pomyślnie kierowana przez CDN. Ostatnim krokiem jest upewnienie się, że CDN ma włączone buforowanie.

3. Użyj wtyczki buforowania

Wreszcie, jeśli używasz witryny WordPress, możesz użyć wtyczki wydajnościowej, takiej jak WP Rocket. Zajmuje się automatycznie wszystko związane z buforowaniem, więc nie musisz radzić sobie z częściami technicznymi. Ponadto wystarczy zainstalować i aktywować wtyczkę.

Po tym, buforowanie jest natychmiast aktywne na Twojej stronie, w tym dedykowaną pamięć podręczną dla urządzeń mobilnych. Zgodnie z zaawansowanymi zasadami możesz jeszcze bardziej dostroić pamięć podręczną.

Wśród innych opcji możesz określić długość życia i zdefiniować strony, pliki cookie i agentów użytkowników, dla których nie chcesz używać buforowania. W dokumentacji znajdziesz więcej informacji.

Oprócz buforowania WP Rocket oferuje o wiele więcej funkcji, aby przyspieszyć witrynę WordPress, w tym:

• Leniwe ładowanie obrazów i filmów

• Odroczenie zasobów blokujących renderowanie

• Wstępna pamięć podręczna, linki, pliki zewnętrzne i czcionki

• Samowystarczalne czcionki Google

• Optymalizacja bazy danych

• Możliwość łatwego łączenia się z CDN, w tym RocketCDN, czyli WP Rocket Own CDN.

Co więcej, WP Rocket wdraża wiele dodatkowych ulepszeń wydajności w tle. Wśród nich jest kompresja GZIP, minimalne pliki CSS i JavaScript oraz optymalizacja obrazów powyżej fałdu, aby poprawić największą zawartość farby.

Wpływ wydajności buforowania witryny: studium przypadku

Aby zbadać wpływ buforowania na poprawę prędkości witryny w prawdziwym życiu, skonfigurowaliśmy witrynę testową z pewną manekinem i przeprowadziliśmy ją przez Pagespeed Insights przed i po aktywacji rakiety WP.

Oto wyniki dla urządzeń mobilnych bez buforowania:

Zobaczmy teraz, co się stanie po aktywowaniu buforowania:

Chociaż efekty nie są ogromne, są zauważalne. Zwłaszcza poprawa wartości wskaźnika prędkości o trzy sekundy nie jest niczym szkodliwym.

Jak omówiliśmy w całym artykule, buforowanie ma największy wpływ na powtarzających się odwiedzających. Ponieważ Pagespeed Insights celowo nie korzysta z tego, co ma do zaoferowania buforowanie, nic dziwnego, że efekty nie są większe. Powtarzanie odwiedzających witrynę powinno być bardziej zauważalne.

Jeśli zastanawiasz się, poniżej jest to, co dzieje się, gdy włączysz kilka dodatkowych ulepszeń prędkości w rakiecie WP, takich jak usunięcie nieużywanego CSS, odroczenie JavaScript, leniwe ładowanie do obrazów i ładowanie wstępne . Wystarczy sprawdzić kilka pudeł.

Jak wyczyścić pamięć podręczną witryny

Wyczyszczenie pamięci podręcznej witryny może być konieczne do rozwiązywania problemów z problemami, dodawaniem nowych funkcji i zapewnienia, że ​​najnowsze treści są widoczne dla odwiedzających. Oczywiście, ponieważ buforowanie odbywa się na różnych poziomach, istnieją również różne sposoby jej opróżnienia.

Usuń pamięć podręczną przeglądarki

Dokładna metoda opróżniania pamięci podręcznej przeglądarki zależy od tego, z której przeglądarki używasz, ale wszystkie z nich mają opcje w swoich ustawieniach. W Chrome znajdujesz go w ramach prywatności i bezpieczeństwa> Usuń dane przeglądania .

Wyczyść pamięć podręczną serwera

Jeśli buforowanie zostało zaimplementowane na twoim serwerze, dostawca hostingów najprawdopodobniej ma możliwość go wyczyszczenia.

Opróżnij pamięć podręczną swojego CDN

Oczyszczanie pamięci podręcznej CDN naturalnie dzieje się za pośrednictwem dostawcy CDN. Na przykład w Cloudflare opcja jest dostępna w ramach buforowania> Konfiguracja> Pamięć pamięci podręcznej .

Oczyść pamięć podręczną na swojej stronie internetowej

Jeśli używasz wtyczki do buforowania witryny, zwykle ma przycisk gdzieś, który pozwala wyczyścić pamięć podręczną. Rakieta WP automatycznie usuwa pamięć podręczną witryny w odpowiednich momentach, na przykład podczas zmiany jej ustawień, publikowania nowej treści, modyfikowania witryny lub w momencie kończenia życia pamięci podręcznej.

Jeśli chcesz to zrobić ręcznie, możesz znaleźć tę opcję bezpośrednio na desce rozdzielczej w ramach ustawień> WP Rocket w swoim WordPress Back End.

Masz również możliwość wyczyszczenia pamięci podręcznej dla poszczególnych stron w edytorze WordPress lub z menu stron lub postów , unosząc się nad wpisami.

Jak buforujesz witrynę? Teraz wiesz

Buforowanie jest jednym z najbardziej fundamentalnych sposobów szybszego zwiększania witryny. Jest to prosta metoda zmniejszania ilości danych, które wymagają przesyłania dla odwiedzających do wyświetlenia Twojej witryny.

Buforowanie jest dostępne na różnych poziomach procesu ładowania i może celować w różne elementy strony internetowej, chociaż zasady pozostają takie same.

Użyj rakiety WP, aby automatycznie wdrażać buforowanie w witrynie WordPress i skorzystaj z kilkudziesięciu innych funkcji wydajności i najlepszych praktyk, aby natychmiast zwiększyć witrynę. Wtyczka jest wyposażona w 14-dniową gwarancję zwrotu pieniędzy, dzięki czemu możesz ją przetestować całkowicie wolne od ryzyka.