Οι browsers αποθηκεύουν μικρά κομμάτια δεδομένων από τις ιστοσελίδες που επισκέπτεσαι. Μάθε για τους διαφορετικούς τύπους αποθήκευσης του browser και πώς κρατούν ομαλή την εμπειρία σου από επίσκεψη σε επίσκεψη.
Έχεις μπει ποτέ σε μια ιστοσελίδα και την έχεις βρει ακριβώς εκεί που την άφησες; Οι ρυθμίσεις σου είναι ακόμα εκεί, η σελίδα φαίνεται οικεία και τίποτα δεν έχει μηδενιστεί. Ίσως ένιωσες ωραία, επειδή η ιστοσελίδα σε θυμήθηκε. Αυτό είναι η αποθήκευση του browser στην πράξη.
Ο browser σου αποθηκεύει μικρά κομμάτια πληροφοριών από τις ιστοσελίδες που επισκέπτεσαι, για να κρατά την εμπειρία ομαλή και συνεπή. Αν καταλάβεις τους τύπους αποθήκευσης του browser, καταλαβαίνεις πώς λειτουργούν οι σύγχρονες ιστοσελίδες πέρα από σελίδες και συνδέσμους. Ας δούμε τους διαφορετικούς τύπους.
Τι είναι η αποθήκευση του browser;
Η αποθήκευση του browser είναι ένας τρόπος για τις ιστοσελίδες να αποθηκεύουν μικρά κομμάτια πληροφοριών απευθείας στον browser του χρήστη. Αυτές οι αποθηκευμένες πληροφορίες βοηθούν τις ιστοσελίδες να θυμούνται κάποιες λεπτομέρειες και να συμπεριφέρονται συνεπώς καθώς οι χρήστες κινούνται ή επιστρέφουν αργότερα.
Αντί να βασίζονται μόνο στους διακομιστές για να φέρνουν τα πάντα ξανά και ξανά, οι browsers αποθηκεύουν συγκεκριμένα δεδομένα τοπικά. Έτσι οι ιστοσελίδες γίνονται πιο γρήγορες, πιο ανταποκρινόμενες και πιο εύκολες στη χρήση. Οι χρήστες συνήθως δεν το προσέχουν, αλλά πολλές κοινές συμπεριφορές των ιστοσελίδων εξαρτώνται από αυτό.
Χωρίς αποθήκευση browser, οι ιστοσελίδες θα φαίνονταν επαναλαμβανόμενες και λιγότερο αποδοτικές και θα μηδενίζονταν πιο συχνά απ' ό,τι περιμένεις. Αν καταλάβεις την αποθήκευση του browser, βλέπεις πώς οι browsers στηρίζουν ενεργά τις ιστοσελίδες και όχι απλώς εμφανίζουν σελίδες.
Τύποι αποθήκευσης του browser
Cookies
Τα cookies είναι μικρά κομμάτια δεδομένων που αποθηκεύονται στον browser και μοιράζονται με τον διακομιστή της ιστοσελίδας. Χρησιμοποιούνται συνήθως για να αποθηκεύουν πληροφορίες που πρέπει να σταλούν πίσω στον διακομιστή κατά τις αλληλεπιδράσεις με την ιστοσελίδα. Τα cookies χρησιμοποιούνται συχνά για τη διαχείριση συνεδριών, για να θυμούνται βασικές προτιμήσεις και για να στηρίζουν λειτουργίες σύνδεσης. Μπορούν να οριστούν να λήγουν μετά από ένα διάστημα ή να μένουν αποθηκευμένα για μεγαλύτερες περιόδους. Επειδή τα cookies περιλαμβάνονται στην επικοινωνία με τον διακομιστή, έχουν περιορισμένο μέγεθος και χρησιμοποιούνται με προσοχή.
Local storage
Τι είναι το localStorage; Είναι ένας απλός και γρήγορος τρόπος για τις ιστοσελίδες να αποθηκεύουν μη ευαίσθητες πληροφορίες απευθείας στον browser, χωρίς χρόνο λήξης. Τα δεδομένα που αποθηκεύονται στο local storage μένουν αποθηκευμένα ακόμα και αφού κλείσει και ξανανοίξει ο browser. Αυτός ο τύπος αποθήκευσης χρησιμοποιείται συνήθως για να αποθηκεύονται προτιμήσεις, ρυθμίσεις ή πληροφορίες που πρέπει να μένουν από επίσκεψη σε επίσκεψη. Τα δεδομένα του local storage είναι προσβάσιμα μόνο στην ιστοσελίδα που τα δημιούργησε.
Session storage
Το session storage βοηθά τις ιστοσελίδες να διαχειρίζονται προσωρινές καταστάσεις χωρίς να κρατούν δεδομένα περισσότερο απ' όσο χρειάζεται. Μοιάζει με το local storage, αλλά είναι προσωρινό. Τα δεδομένα που αποθηκεύονται εδώ υπάρχουν μόνο όσο η καρτέλα του browser είναι ανοιχτή. Μόλις κλείσει η καρτέλα ή ο browser, τα αποθηκευμένα δεδομένα αφαιρούνται αυτόματα. Έτσι το session storage είναι χρήσιμο για πληροφορίες που πρέπει να κρατούν μόνο σε μία επίσκεψη. Η βασική διαφορά στη σύγκριση localStorage και sessionStorage είναι η διάρκεια: το local storage μένει μέχρι να το σβήσεις, ενώ το session storage εξαφανίζεται όταν κλείσει η καρτέλα.
IndexedDB
Το IndexedDB προσφέρει περισσότερη ευελιξία από τις βασικές επιλογές αποθήκευσης. Είναι πιο προηγμένη μορφή αποθήκευσης browser, φτιαγμένη για μεγαλύτερα και πιο δομημένα δεδομένα. Με αυτή την αποθήκευση, οι ιστοσελίδες μπορούν να αποθηκεύουν σύνθετες πληροφορίες απευθείας στον browser. Αυτός ο τύπος αποθήκευσης χρησιμοποιείται συχνά σε εφαρμογές που χρειάζονται πρόσβαση εκτός σύνδεσης ή χειρίζονται μεγάλο όγκο δεδομένων. Ενώ οι αρχάριοι δεν χρειάζεται να το χρησιμοποιήσουν αμέσως, αν καταλάβεις τον σκοπό του, εξηγείς πώς λειτουργούν οι προηγμένες εφαρμογές web.
Cache storage
Το cache storage είναι σημαντικό για τις σύγχρονες ιστοσελίδες που εστιάζουν στην απόδοση. Χρησιμοποιείται για να αποθηκεύει αρχεία της ιστοσελίδας, όπως εικόνες, φύλλα στυλ και scripts. Έτσι οι browsers μπορούν να ξαναχρησιμοποιούν αρχεία αντί να τα κατεβάζουν ξανά. Η χρήση του cache storage βελτιώνει την ταχύτητα φόρτωσης της ιστοσελίδας και μειώνει τα επαναλαμβανόμενα αιτήματα δικτύου. Παίζει μεγάλο ρόλο στην απόδοση της ιστοσελίδας και στην εμπειρία του χρήστη.
Η αποθήκευση του browser και το caching δουλεύουν μαζί για να κάνουν τις ιστοσελίδες πιο γρήγορες και πιο ανταποκρινόμενες. Το caching αποθηκεύει αρχεία στην πλευρά του διακομιστή ή στον browser για να επιταχύνει τις φορτώσεις σελίδων, ενώ η αποθήκευση του browser κρατά μικρά κομμάτια δεδομένων που βοηθούν τις ιστοσελίδες να θυμούνται τις προτιμήσεις και τις ενέργειές σου. Μαζί κάνουν τις σύγχρονες ιστοσελίδες να φαίνονται ομαλές και προσωπικές.
Συχνές ερωτήσεις
Μπορεί μια ιστοσελίδα να έχει πρόσβαση στην αποθήκευση browser μιας άλλης ιστοσελίδας;
Όχι. Η αποθήκευση του browser είναι απομονωμένη ανά ιστοσελίδα. Τα δεδομένα που αποθηκεύει μία ιστοσελίδα δεν μπορούν να διαβαστούν ή να τροποποιηθούν από άλλη. Είναι λειτουργία ασφαλείας ενσωματωμένη σε κάθε browser. Σημαίνει ότι οι προτιμήσεις σου σε μία ιστοσελίδα μένουν ιδιωτικές και δεν μπορεί να έχει πρόσβαση σε αυτές καμία άλλη ιστοσελίδα που επισκέπτεσαι.
Είναι ασφαλής η αποθήκευση του browser;
Η αποθήκευση του browser είναι αρκετά ασφαλής για μη ευαίσθητα δεδομένα, όπως προτιμήσεις, θέματα και ρυθμίσεις εμφάνισης. Δεν πρέπει όμως ποτέ να αποθηκεύεις κωδικούς, στοιχεία πληρωμής ή προσωπικά στοιχεία στην αποθήκευση του browser, γιατί μπορούν να τα διαβάσουν scripts που τρέχουν στη σελίδα. Τα ευαίσθητα δεδομένα πρέπει πάντα να διαχειρίζονται στην πλευρά του διακομιστή, με σωστή κρυπτογράφηση SSL.
Τι γίνεται με τα αποθηκευμένα δεδομένα όταν καθαρίζεις τον browser σου;
Όταν καθαρίζεις τα δεδομένα του browser σου, διαγράφονται όλο το local storage, το session storage, τα cookies και τα αρχεία cache. Αυτό σημαίνει ότι χάνονται οι αποθηκευμένες προτιμήσεις, οι καταστάσεις σύνδεσης και το αποθηκευμένο περιεχόμενο από τις ιστοσελίδες. Την επόμενη φορά που θα επισκεφτείς αυτές τις ιστοσελίδες, θα σε αντιμετωπίσουν ως νέο επισκέπτη. Γι' αυτό κάποιες ιστοσελίδες σου ζητούν να συνδεθείς ξανά αφού καθαρίσεις τον browser.
Πόσα δεδομένα χωράει το local storage;
Οι περισσότεροι browsers επιτρέπουν περίπου 5 με 10 megabytes local storage ανά ιστοσελίδα. Αυτό είναι υπεραρκετό για προτιμήσεις, ρυθμίσεις και μικρά κομμάτια δεδομένων, αλλά όχι για μεγάλα αρχεία όπως εικόνες ή βίντεο. Για μεγαλύτερες ανάγκες δεδομένων, καλύτερες επιλογές είναι το IndexedDB ή το cache storage. Για τις περισσότερες ιστοσελίδες brand, τα 5 MB local storage είναι υπεραρκετά.
Μπορεί η αποθήκευση του browser να χρησιμοποιηθεί για παρακολούθηση χρηστών;
Τεχνικά, ναι. Οι ιστοσελίδες μπορούν να αποθηκεύουν μοναδικά αναγνωριστικά στο local storage ή στα cookies για να αναγνωρίζουν επισκέπτες που επιστρέφουν. Αυτό είναι συνηθισμένο για στατιστικά και εξατομίκευση. Οι κανονισμοί απορρήτου απαιτούν διαφάνεια για το πώς χρησιμοποιούνται αυτά τα δεδομένα, και γι' αυτό υπάρχουν τα banners συναίνεσης. Διάβασε περισσότερα για τη συναίνεση cookies και το GDPR για να καταλάβεις τους κανόνες.
Υποστηρίζουν όλοι οι browsers τους ίδιους τύπους αποθήκευσης;
Όλοι οι σύγχρονοι browsers υποστηρίζουν cookies, local storage, session storage, IndexedDB και cache storage. Οι παλιότεροι browsers μπορεί να έχουν περιορισμένη υποστήριξη για ορισμένα από αυτά, αλλά αποτελούν πολύ μικρό ποσοστό της σημερινής κίνησης στο web. Αν χτίζεις την ιστοσελίδα σου σε ένα σύγχρονο σύστημα, όπως ο δημιουργός ιστοσελίδων του WEMASY, η συμβατότητα με τους browsers αντιμετωπίζεται για σένα και οι επισκέπτες σου έχουν συνεπή εμπειρία, όποιον browser κι αν χρησιμοποιούν.