Εισαγωγή στις Τεχνολογίες Διαδικτύου
Εξερεύνηση της διαδικασίας φόρτωσης μιας ιστοσελίδας
- Ανοίξτε έναν περιηγητή Chrome και μεταβείτε σε μια σελίδα, π.χ. https://www.google.com/.
- Κάντε δεξί κλικ και επιλέξτε "Inspect" ή "Έλεγχος", ή εναλλακτικά πατήστε F12.
- Στο πλαϊνό παράθυρο που θα εμφανιστεί, επιλέξτε την καρτέλα Network.
- Ανανεώστε την σελίδα πατώντας Ctrl + R, ή F5.
Απαντήστε τις παρακάτω ερωτήσεις:
- Δείτε το κάτω μέρος της καρτέλας (το μέρος που δείχνεται με βελάκι στην παραπάνω εικόνα). Πόσα αρχεία βλέπετε ότι φορτώθηκαν για την συγκεκριμένη ιστοσελίδα; Πόσο συνολικό μέγεθος είχαν;
- Τι δείχνουν τα μεγέθη "transferred" και "resources"; Αν είναι διαφορετικά, σε τι πιστεύετε ότι οφείλεται αυτό;
- Τι είναι το πρώτο αρχείο της λίστας; Πώς σχετίζεται με τα υπόλοιπα;
- Εξετάστε την στήλη "Type". Πόσους και ποιους διαφορετικούς τύπους αρχείων βλέπετε;
Κάντε κλικ σε ένα από τα αρχεία. Από το παράθυρο που θα ανοίξει, επιλέξτε την καρτέλα Headers:
Απαντήστε τις παρακάτω ερωτήσεις:
- Ποιο είναι το URL του αρχείου;
- Τι Request method χρησιμοποιήθηκε για την αίτησή του; Ποια άλλα υπάρχοντα methods μπορείτε να σκεφτείτε;
- Τι status code είχε η απάντηση για την συγκεκριμένη αίτηση; Τι σημαίνει το συγκεκριμένο status code?
Εξετάστε και τα υπόλοιπα headers που εμφανίζονται και συζητήστε την σημασία τους.
