Jak przeglądarki przechowują dane

Przeglądarki robią więcej niż tylko wyświetlanie stron internetowych. Działają jak lokalni menedżerowie danych. Przechowują informacje na Twoim urządzeniu, aby przeglądanie było szybsze i łatwiejsze.

Powinieneś znać trzy główne sposoby, w jakie przeglądarki przechowują dane:

• Pliki cookie • Pamięć podręczna przeglądarki • Web Storage

Pliki cookie to małe pliki tekstowe. Strony internetowe używają ich, aby Cię zapamiętać. Przechowują one sesje logowania oraz ustawienia języka.

Jak to działa:

  • Odwiedzasz stronę.
  • Strona wysyła plik cookie do Twojej przeglądarki.
  • Twoja przeglądarka go zapisuje.
  • Przy kolejnej wizycie Twoja przeglądarka wysyła ten plik cookie z powrotem do serwera.

Pamiętaj:

  • Pliki cookie mają niewielki limit wynoszący 4 KB.
  • Są wysyłane z każdym zapytaniem, co może spowolnić działanie.
  • Nigdy nie przechowuj haseł w plikach cookie.

Pamięć podręczna przeglądarki

Pamięć podręczna przechowuje ciężkie pliki, takie jak obrazy, CSS i JavaScript. Jej celem jest szybkość.

Jak to działa:

  • Odwiedzasz stronę po raz pierwszy.
  • Twoja przeglądarka pobiera wszystkie pliki i zapisuje je w pamięci podręcznej.
  • Następnym razem, gdy odwiedzisz stronę, przeglądarka załaduje pliki z Twojego urządzenia zamiast z Internetu.

Zalety:

  • Strony ładują się znacznie szybciej.
  • Zużywa mniej przepustowości łącza internetowego.
  • Zmniejsza obciążenie serwera.

Web Storage

Jest to funkcja HTML5. Pozwala ona stronom przechowywać dane w parach klucz-wartość. Jest bardziej wydajna niż pliki cookie, ponieważ nie jest wysyłana do serwera z każdym zapytaniem.

Istnieją dwa typy:

  • Local Storage: Dane pozostają nawet po zamknięciu przeglądarki. Przechowuje około 5 MB do 10 MB.
  • Session Storage: Dane znikają po zamknięciu karty.

Zastosowania:

  • Local storage świetnie nadaje się do ustawień trybu ciemnego.
  • Session storage dobrze sprawdza się w przypadku tymczasowych danych formularzy.

Podsumowanie

  • Używaj plików cookie do sesji logowania i komunikacji z serwerem.
  • Używaj pamięci podręcznej, aby przyspieszyć ładowanie strony za pomocą statycznych zasobów.
  • Używaj Web Storage do większych ilości danych po stronie klienta.

Źródło: https://dev.to/dailycodetools/how-browser-stores-data-cookies-cache-storage-25-jun-0346-m7h