Что может заблокировать рендеринг HTML-страницы?

Sobes Copilot

Получайте ответы в реальном времени

Ответ от нейросети

sobes.tech AI

JS-скрипты без атрибутов async или defer, расположенные в <head>. CSS-файлы без атрибутов media="print" или media="all", расположенные в <head>. CSS с @import.

<!DOCTYPE html>
<html>
<head>
    <title>Block Rendering Example</title>
    <!-- Блокирует рендеринг -->
    <script src="blocking-script.js"></script>
    <!-- Блокирует рендеринг -->
    <link rel="stylesheet" href="blocking-style.css">
    <!-- Не блокирует рендеринг -->
    <script src="non-blocking-script.js" async></script>
    <!-- Не блокирует рендеринг -->
    <link rel="stylesheet" href="non-blocking-print-style.css" media="print">
</head>
<body>
    <h1>Content</h1>
</body>
</html>