Какво се случва с външните ресурси, които браузърът чете при парсване на HTML?

Браузърът изпраща отделни HTTP заявки за всеки външен ресурс, посочен в HTML (CSS файлове, JavaScript файлове, изображения, шрифтове и др.). Тези заявки се обработват паралелно за оптимизиране на зареждането. Докато се получи отговор на заявката, браузърът може да продължи парсирането на HTML, но не може да приложи стиловете от външния CSS или да изпълни скриптовете от външния JavaScript, докато те не бъдат заредени.

За оптимизиране на обработката на тези ресурси се прилагат различни механизми:

• Кеширане: Браузърът може да съхранява копия на ресурсите на локалния диск и да ги използва при повторни заявки, намалявайки времето за зареждане.
• Приоритет на зареждане: Браузърът определя реда на зареждане на ресурсите, като дава приоритет на тези, които са необходими за бързото показване на видимата част от страницата (Critical Rendering Path).
• Preload и Preconnect: Механизми за предварително зареждане или установяване на връзки с ресурсите, които ще бъдат необходими по-късно.
• Lazy Loading: Ресурси като изображения могат да се зареждат само когато станат видими в прозореца на браузъра.
• Минификация и компресия: Намаляване на размера на ресурсите преди тяхното предаване по мрежата.