HTML ayrıştırılırken tarayıcının okuduğu dış kaynaklarla ilgili ne oluyor?

Tarayıcı, HTML'de belirtilen her dış kaynağa (CSS dosyaları, JavaScript dosyaları, resimler, fontlar vb.) ayrı HTTP istekleri gönderir. Bu istekler, yüklemeyi optimize etmek için paralel olarak işlenir. İstek yanıtı alınana kadar, tarayıcı HTML'yi analiz etmeye devam edebilir, ancak dış CSS stillerini uygulayamaz veya dış JavaScript betiklerini çalıştırmadan önce yüklenmelerini bekleyemez.

Bu kaynakların işlenmesini optimize etmek için çeşitli mekanizmalar uygulanır:

• Önbellekleme: Tarayıcı, kaynakların kopyalarını yerel diskte saklayabilir ve tekrar eden isteklerde kullanabilir, böylece yükleme süresini azaltır.
• Yükleme önceliği: Tarayıcı, kaynakların yüklenme sırasını belirler ve sayfanın görünür kısmının hızlı gösterimi için gerekli olanlara öncelik verir (Critical Rendering Path).
• Preload ve Preconnect: Daha sonra ihtiyaç duyulacak kaynaklara önceden yükleme veya bağlantı kurma mekanizmaları.
• Lazy Loading (Tembel Yükleme): Resimler gibi kaynaklar, yalnızca görünür hale geldiklerinde yüklenebilir.
• Minifikasyon ve sıkıştırma: Kaynakların boyutunu, ağ üzerinden iletimden önce azaltma.