Ένας web browser είναι το λογισμικό που χρησιμοποιείς για να μπαίνεις σε ιστοσελίδες. Δες πώς δουλεύουν οι browsers, τι γίνεται όταν ανοίγεις μια σελίδα και γιατί μετράει για την ιστοσελίδα σου.
Κάθε φορά που επισκέπτεσαι μια ιστοσελίδα, χρησιμοποιείς έναν web browser. Μπορεί να φαίνεται ότι ο browser είναι απλώς ένα παράθυρο από το οποίο κοιτάς, αλλά κάνει πολλή δουλειά στο παρασκήνιο. Αν καταλάβεις τι κάνει πραγματικά ένας browser, καταλαβαίνεις πώς βιώνουν την ιστοσελίδα σου όσοι την επισκέπτονται.
Είτε κάποιος ανοίξει το site σου σε laptop είτε σε κινητό, ο browser του είναι αυτός που φέρνει το περιεχόμενό σου, διαβάζει τον κώδικά σου και τα συναρμολογεί όλα στην οθόνη του. Οι διαφορετικοί browsers το κάνουν αυτό με ελαφρώς διαφορετικούς τρόπους και αυτό επηρεάζει πώς φαίνεται και πώς συμπεριφέρεται η ιστοσελίδα σου σε διαφορετικούς επισκέπτες.
Τι είναι ένας web browser;
Ένας web browser είναι μια εφαρμογή λογισμικού που σου επιτρέπει να μπαίνεις και να πλοηγείσαι στο διαδίκτυο. Γράφεις ένα URL ή ψάχνεις κάτι και ο browser ανακτά τις σχετικές σελίδες και τις εμφανίζει στην οθόνη σου. Χειρίζεται όλη την επικοινωνία ανάμεσα σε σένα και τις ιστοσελίδες που επισκέπτεσαι.
Οι browsers είναι η διεπαφή ανάμεσα στους ανθρώπους και το web. Χωρίς έναν, δεν υπάρχει τρόπος να επισκεφτείς μια ιστοσελίδα. Κάθε συσκευή που συνδέεται στο διαδίκτυο έχει εγκατεστημένο τουλάχιστον έναν browser και οι περισσότεροι χρησιμοποιούν τον ίδιο για όλα, χωρίς να το σκέφτονται πολύ.
Πώς λειτουργεί ένας web browser;
Όταν γράφεις μια διεύθυνση ή πατάς έναν σύνδεσμο, ο browser περνά από μια σειρά βημάτων για να φέρει και να εμφανίσει τη σελίδα.
Πρώτα, ο browser ψάχνει την εγγραφή DNS του domain για να βρει τη διεύθυνση του server. Μετά συνδέεται σε αυτόν τον server και στέλνει αίτημα για τη σελίδα. Ο server στέλνει πίσω τα αρχεία που αποτελούν τη σελίδα, κυρίως HTML, CSS και JavaScript. Ο browser διαβάζει αυτά τα αρχεία και τα αποδίδει (_blocked_), δηλαδή χτίζει την οπτική σελίδα που βλέπεις στην οθόνη. Όλα αυτά γίνονται συνήθως σε λιγότερο από ένα δευτερόλεπτο.
Οι browsers διαχειρίζονται επίσης πράγματα όπως τα cookies, τους αποθηκευμένους κωδικούς, το ιστορικό περιήγησης και την αποθήκευση του browser. Ελέγχουν τα πιστοποιητικά SSL και σε προειδοποιούν όταν μια ιστοσελίδα δεν είναι ασφαλής. Εκτελούν επίσης JavaScript, που κάνει να δουλεύουν οι περισσότερες διαδραστικές λειτουργίες των ιστοσελίδων.
Γιατί μετράει η επιλογή browser για τους ιδιοκτήτες ιστοσελίδων;
Ως ιδιοκτήτης ιστοσελίδας, δεν επιλέγεις εσύ ποιον browser χρησιμοποιούν οι επισκέπτες σου. Κάποιοι θα χρησιμοποιούν έναν browser, άλλοι έναν διαφορετικό. Κάθε browser έχει τη δική του μηχανή απόδοσης (rendering engine), που είναι το μέρος που μετατρέπει τον κώδικα σε οπτική σελίδα. Οι διαφορετικές μηχανές απόδοσης μπορεί να δείχνουν την ίδια ιστοσελίδα ελαφρώς διαφορετικά.
Γι' αυτό οι ιστοσελίδες πρέπει να δοκιμάζονται σε πολλούς browsers. Μια διάταξη που φαίνεται τέλεια σε έναν browser μπορεί να έχει πρόβλημα με τα κενά ή τη γραμματοσειρά σε άλλον. Οι περισσότεροι σύγχρονοι browsers έχουν γίνει πολύ πιο συνεπείς, αλλά μικρές διαφορές υπάρχουν ακόμα, ειδικά ανάμεσα στις εκδόσεις browser για υπολογιστή και για κινητό.
Το responsive design της ιστοσελίδας σου ερμηνεύεται επίσης διαφορετικά από κάθε browser. Κάποιες λειτουργίες που δουλεύουν σε νεότερους browsers μπορεί να μην υποστηρίζονται σε παλαιότερους. Αν χτίσεις πάνω σε μια αξιόπιστη πλατφόρμα, τα περισσότερα από αυτά τα φροντίζει εκείνη για σένα, γιατί ο κώδικας είναι ήδη δοκιμασμένος και βελτιστοποιημένος να δουλεύει στους κύριους browsers.
Τι κοινό έχουν οι browsers;
Παρά τις διαφορές τους, όλοι οι κύριοι browsers μοιράζονται τις ίδιες βασικές λειτουργίες. Όλοι φέρνουν και εμφανίζουν ιστοσελίδες, υποστηρίζουν HTML, CSS και JavaScript, διαχειρίζονται προειδοποιήσεις ασφαλείας για μη ασφαλείς συνδέσεις, αποθηκεύουν cookies και αρχεία cache και επιτρέπουν στους χρήστες να αποθηκεύουν σελίδες στους σελιδοδείκτες και να διαχειρίζονται το ιστορικό τους.
Οι διαφορές είναι κυρίως στην ταχύτητα, στα χαρακτηριστικά απορρήτου, στις επεκτάσεις και στον τρόπο που χειρίζονται ορισμένες νεότερες τεχνολογίες του web. Για την καθημερινή περιήγηση και για τις περισσότερες ιστοσελίδες, αυτές οι διαφορές είναι μικρές. Για ένα brand όμως που θέλει να προσφέρει συνεπή εμπειρία σε κάθε επισκέπτη, οι δοκιμές σε διάφορους browsers είναι μέρος του να φτιάξεις μια ιστοσελίδα που δουλεύει.
Συχνές ερωτήσεις
Ποιον web browser χρησιμοποιούν οι περισσότεροι;
Η δημοτικότητα των browsers αλλάζει με τον καιρό και διαφέρει ανά περιοχή και τύπο συσκευής. Στον υπολογιστή, ένας browser κυριαρχεί στη χρήση παγκοσμίως εδώ και χρόνια. Στο κινητό, ο προεπιλεγμένος browser που έρχεται με τη συσκευή τείνει να είναι ο πιο διαδεδομένος. Για την ιστοσελίδα σου, η πιο πρακτική προσέγγιση είναι να τη δοκιμάσεις στους τρεις ή τέσσερις κορυφαίους browsers, για να βεβαιωθείς ότι φαίνεται και δουλεύει σωστά για την πλειονότητα των επισκεπτών.
Επηρεάζει ο browser την ταχύτητα της ιστοσελίδας;
Ναι, ως ένα βαθμό. Οι διαφορετικοί browsers έχουν διαφορετικές μηχανές JavaScript και ταχύτητες απόδοσης, που σημαίνει ότι η ίδια σελίδα μπορεί να φορτώνει ελαφρώς πιο γρήγορα ή πιο αργά ανάλογα με τον browser. Οι μεγαλύτεροι παράγοντες όμως είναι η φιλοξενία, το μέγεθος των αρχείων και η ποιότητα του κώδικα. Μια καλά βελτιστοποιημένη ιστοσελίδα θα φορτώνει γρήγορα σε όλους τους κύριους browsers.
Τι είναι η μηχανή απόδοσης ενός browser;
Η μηχανή απόδοσης (rendering engine) είναι το μέρος του browser που διαβάζει τον κώδικα της ιστοσελίδας σου και τον μετατρέπει στην οπτική σελίδα που βλέπεις στην οθόνη. Οι διαφορετικοί browsers χρησιμοποιούν διαφορετικές μηχανές απόδοσης. Γι' αυτό η ίδια ιστοσελίδα μπορεί μερικές φορές να φαίνεται ελαφρώς διαφορετική σε διαφορετικούς browsers. Οι περισσότεροι σύγχρονοι browsers χρησιμοποιούν πλέον μηχανές που ακολουθούν στενά τα πρότυπα του web, κάτι που έχει μικρύνει πολύ τις διαφορές ανάμεσα στους browsers σε σχέση με παλιότερα.
Τι είναι μια επέκταση browser;
Μια επέκταση browser είναι ένα μικρό πρόσθετο που προσθέτει επιπλέον λειτουργίες στον browser σου. Τα προγράμματα αποκλεισμού διαφημίσεων, οι διαχειριστές κωδικών, τα εργαλεία γραμματικής και οι επιλογείς χρωμάτων είναι συνηθισμένα παραδείγματα. Οι επεκτάσεις μπορούν να επηρεάσουν το πώς εμφανίζεται η ιστοσελίδα σου στους επισκέπτες, αφού κάποιες επεκτάσεις μπλοκάρουν στοιχεία, αλλάζουν χρώματα ή τροποποιούν το περιεχόμενο των σελίδων. Όταν δοκιμάζεις την ιστοσελίδα σου, καλό είναι να την ελέγχεις σε μια καθαρή συνεδρία browser χωρίς ενεργές επεκτάσεις.
Τι είναι το cache του browser και γιατί μετράει;
Το cache του browser αποθηκεύει αντίγραφα αρχείων από ιστοσελίδες που έχεις ήδη επισκεφτεί, ώστε να φορτώνουν πιο γρήγορα στην επόμενη επίσκεψη. Για τους ιδιοκτήτες ιστοσελίδων, αυτό σημαίνει ότι οι επισκέπτες μπορεί να βλέπουν παλαιότερη έκδοση του site σου αν έχεις κάνει πρόσφατες αλλαγές. Μια πλήρης ανανέωση (hard refresh) ή ο καθαρισμός του cache αναγκάζει τον browser να φέρει φρέσκα αρχεία από τον server.
Χρειάζεται να σχεδιάσω την ιστοσελίδα μου διαφορετικά για διαφορετικούς browsers;
Όχι, αν χτίζεις σε μια σύγχρονη πλατφόρμα. Ο δημιουργός ιστοσελίδων του WEMASY παράγει κώδικα που δουλεύει σε όλους τους κύριους browsers χωρίς καμία επιπλέον ρύθμιση. Δεν χρειάζεται να γράψεις ξεχωριστά στυλ ή διατάξεις για τον καθένα. Τα πρότυπα είναι δοκιμασμένα και βελτιστοποιημένα, ώστε η ιστοσελίδα σου να φαίνεται συνεπής είτε κάποιος την ανοίξει σε browser σε υπολογιστή είτε σε κινητό.