Gdy odwiedzający otwiera Twoją stronę po raz pierwszy, jego przeglądarka pobiera każdy plik potrzebny do wyświetlenia strony: HTML, arkusze stylów, skrypty, obrazy i czcionki. Przy ponownej wizycie przeglądarka nie musi pobierać wszystkich tych plików od nowa, jeśli są zapisane lokalnie. Buforowanie w przeglądarce to mechanizm, który to umożliwia, i jeden z najprostszych sposobów, by strona wydawała się szybsza dla wracających odwiedzających.
Buforowanie w przeglądarce zapisuje kopie plików strony na urządzeniu odwiedzającego, dzięki czemu kolejne ładowania mogą pominąć pobieranie zasobów, które się nie zmieniły. Serwer mówi przeglądarce, jak długo przechowywać każdy plik i kiedy sprawdzać, czy są nowsze wersje. Zrozumienie, jak działa buforowanie w przeglądarce, pomaga zobaczyć, dlaczego ponowne wizyty często wydają się wyraźnie szybsze niż pierwsza.
Jak działa buforowanie w przeglądarce?
Każdy plik wysyłany przez serwer zawiera instrukcje buforowania w nagłówkach odpowiedzi HTTP. Te nagłówki mówią przeglądarce, czy zapisać plik, jak długo go trzymać i kiedy poprosić o świeżą kopię.
Przy pierwszej wizycie przeglądarka pobiera wszystkie potrzebne pliki z serwera i zapisuje te, które można buforować, w pamięci lokalnej. Przy ponownych wizytach przeglądarka ładuje ważne pliki z pamięci lokalnej zamiast pobierać je znowu.
Które pliki najbardziej zyskują na buforowaniu w przeglądarce?
Nie wszystkie pliki powinny być buforowane tak samo. Idealnymi kandydatami są zasoby statyczne, które rzadko się zmieniają. Treści dynamiczne, które często się aktualizują, wymagają krótszych czasów buforowania albo żadnego.
Długi czas buforowania
- Arkusze stylów i pliki JavaScript, które zmieniają się tylko wtedy, gdy aktualizujesz projekt strony
- Obrazy logo, ikony i favicony
- Pliki czcionek
- Obrazy w tle i grafiki dekoracyjne
Krótki czas buforowania lub brak
- Strony HTML z często aktualizowaną treścią
- Strony ze spersonalizowaną lub dynamiczną treścią
- Odpowiedzi API i punkty przetwarzania formularzy
Ogólna zasada jest prosta: buforuj agresywnie to, co rzadko się zmienia, i ostrożnie to, co zmienia się często. Artykuł czym jest buforowanie i dlaczego jest ważne omawia szerszy obraz buforowania, w tym buforowanie po stronie serwera i w sieci CDN.
Dlaczego buforowanie w przeglądarce ma znaczenie dla szybkości?
Buforowanie w przeglądarce bezpośrednio zmniejsza ilość danych, które odwiedzający musi pobrać, i liczbę żądań do serwera przy ponownych wizytach. Obie poprawy przekładają się na szybsze ładowanie stron.
Szybszy postrzegany czas ładowania
Załadowanie arkusza stylów z pamięci lokalnej zajmuje milisekundy. Pobranie tego samego pliku przez sieć zajmuje setki milisekund lub więcej, zależnie od szybkości połączenia. Przy ponownych wizytach zbuforowane zasoby pojawiają się niemal natychmiast, przez co strona wydaje się znacznie szybsza, jeszcze zanim załaduje się nowa treść.
Mniejsze obciążenie serwera
Każdy plik podany z bufora przeglądarki to jedno żądanie mniej do obsłużenia przez serwer. W przypadku stron z wracającymi odwiedzającymi poprawia to czasy odpowiedzi dla wszystkich odwiedzających.
Zyski wydajności na telefonach
Połączenia mobilne są zwykle wolniejsze niż komputerowe. Buforowanie w przeglądarce daje jeszcze większą korzyść w szybkości na telefonach, bo eliminuje żądania sieciowe, które byłyby wolne na słabszych łączach. Artykuł dlaczego szybkość strony na telefonie ma znaczenie wyjaśnia, dlaczego ta warstwa jest szczególnie ważna dla użytkowników telefonów.
Jak WEMASY radzi sobie z buforowaniem w przeglądarce
WEMASY automatycznie ustawia odpowiednie nagłówki buforowania dla wszystkich typów plików. Zasoby statyczne, takie jak arkusze stylów, skrypty i obrazy, dostają długie czasy buforowania. Strony HTML dostają krótsze, aby aktualizacje treści pojawiały się szybko po publikacji. Gdy wprowadzasz zmiany w edytorze, system WEMASY aktualizuje wersje bufora, więc wracający odwiedzający dostają świeżą treść bez ręcznego czyszczenia bufora.
Zobacz, co zawiera kreator stron WEMASY, albo sprawdź pakiety na stronie z cennikiem.
Najczęściej zadawane pytania
Czym jest buforowanie w przeglądarce?
Buforowanie w przeglądarce zapisuje kopie plików strony na urządzeniu odwiedzającego, dzięki czemu ponowne wizyty ładują się szybciej. Serwer wysyła instrukcje buforowania z każdym plikiem, mówiąc przeglądarce, jak długo go trzymać, zanim sprawdzi aktualizacje. Dzięki kreatorowi stron WEMASY możesz to skonfigurować bezpośrednio na swojej stronie.
Czym buforowanie w przeglądarce różni się od buforowania na serwerze?
Buforowanie w przeglądarce przechowuje pliki na urządzeniu odwiedzającego, by szybciej ładować stronę przy jego ponownych wizytach. Buforowanie na serwerze przechowuje gotowe strony na serwerze hostingowym, by proces generowania strony nie uruchamiał się przy każdym żądaniu. Oba skracają czas ładowania, ale działają w różnych punktach łańcucha dostarczania.
Dlaczego moja strona jest szybka przy drugiej wizycie, a wolna przy pierwszej?
Pierwsza wizyta wymaga pobrania wszystkich zasobów strony z serwera. Druga wizyta ładuje wiele z tych zasobów z bufora przeglądarki, co jest znacznie szybsze. To normalne zachowanie i dowód, że buforowanie w przeglądarce działa. Optymalizacja pierwszej wizyty polega na kompresji obrazów, skróceniu czasu odpowiedzi serwera i ograniczeniu zasobów blokujących renderowanie.
Czy odwiedzający mogą widzieć starą treść z powodu buforowania w przeglądarce?
Tak, jeśli czasy buforowania są zbyt długie, a serwer nie aktualizuje wersji bufora po zmianach treści. Dobrze zarządzane platformy robią to automatycznie, aktualizując identyfikatory bufora po opublikowaniu zmian. Odwiedzający dostają wtedy świeże pliki przy następnej wizycie, bez ręcznego czyszczenia bufora przeglądarki.
Czy powinienem wyczyścić bufor przeglądarki, żeby przetestować stronę?
Czyszczenie bufora przeglądarki jest przydatne, gdy sprawdzasz, czy ostatnie zmiany wyświetlają się poprawnie. Symuluje doświadczenie osoby odwiedzającej po raz pierwszy. Przy codziennym przeglądaniu własnej strony czyszczenie bufora nie jest potrzebne. Użyj okna prywatnego lub incognito, by testować bez wpływu na zwykłe zbuforowane pliki.
Czy muszę sam konfigurować buforowanie w przeglądarce?
Na zarządzanej platformie stron nagłówki buforowania są konfigurowane automatycznie według typu pliku. Na samodzielnie zarządzanym hostingu konfiguracja buforowania wymaga ustawień serwera lub rozszerzeń do buforowania. WEMASY zajmuje się całą konfiguracją buforowania w przeglądarce, bez żadnych ustawień technicznych z Twojej strony.