Что происходит при встрече с тегами link, img, script при формировании DOM-дерева

При парсинге HTML браузер встречает эти теги и обрабатывает их особым образом:

• 
  

  <link> (с атрибутом rel="stylesheet") - блокирует рендеринг до загрузки CSS-файла, но не блокирует парсинг HTML. DOM-элемент создаётся сразу.

  
  
• 
  

  <img> - не блокирует парсинг и рендеринг. Изображение загружается асинхронно, DOM-элемент создаётся сразу, но отрисовка может произойти позже.

  
  
• 
  

  <script> - по умолчанию блокирует парсинг HTML до загрузки и выполнения скрипта. DOM-элемент создаётся после выполнения.

  
  

Пример с async/defer:

<script src="script.js" defer></script> <!-- выполнится после парсинга -->
<script src="script.js" async></script> <!-- выполнится при готовности -->