Τι συμβαίνει με τους εξωτερικούς πόρους που διαβάζει ο περιηγητής κατά την ανάλυση HTML;

Ο περιηγητής στέλνει ξεχωριστά αιτήματα HTTP για κάθε εξωτερική πόρο που καθορίζεται στο HTML (αρχεία CSS, αρχεία JavaScript, εικόνες, γραμματοσειρές κ.λπ.). Τα αιτήματα αυτά επεξεργάζονται παράλληλα για βελτιστοποίηση της φόρτωσης. Μέχρι να ληφθεί η απάντηση στο αίτημα, ο περιηγητής μπορεί να συνεχίσει το parsing του HTML, αλλά δεν μπορεί να εφαρμόσει στυλ CSS από εξωτερικά αρχεία ή να εκτελέσει scripts JavaScript από εξωτερικά αρχεία μέχρι να φορτωθούν.

Για την βελτιστοποίηση της επεξεργασίας αυτών των πόρων, εφαρμόζονται διάφοροι μηχανισμοί:

• Caching: Ο περιηγητής μπορεί να αποθηκεύει αντίγραφα των πόρων στον τοπικό δίσκο και να τα χρησιμοποιεί σε επαναλαμβανόμενα αιτήματα, μειώνοντας τον χρόνο φόρτωσης.
• Προτεραιότητα φόρτωσης: Ο περιηγητής καθορίζει τη σειρά φόρτωσης των πόρων, δίνοντας προτεραιότητα σε αυτούς που είναι απαραίτητοι για την ταχεία εμφάνιση του ορατού μέρους της σελίδας (Critical Rendering Path).
• Preload και Preconnect: Μηχανισμοί για προφόρτωση ή δημιουργία συνδέσεων με πόρους που θα χρειαστούν αργότερα.
• Lazy Loading: Πόροι όπως εικόνες μπορούν να φορτωθούν μόνο όταν γίνουν ορατές στο παράθυρο του περιηγητή.
• Minification και συμπίεση: Μείωση του μεγέθους των πόρων πριν από τη μετάδοσή τους μέσω δικτύου.