Middle

Mis võib takistada HTML-lehe renderdamist?

sobes.tech AI

Vastus AI-lt

JS skriptid ilma async või defer atribuutideta, paiknevad <head> sees. CSS failid ilma media="print" või media="all" atribuutideta, paiknevad <head> sees. CSS koos @import-ga.

<!DOCTYPE html>
<html>
<head>
    <title>Renderdamise blokeerimise näide</title>
    <!-- Blokeerib renderdamise -->
    <script src="blocking-script.js"></script>
    <!-- Blokeerib renderdamise -->
    <link rel="stylesheet" href="blocking-style.css">
    <!-- Ei blokeeri renderdamist -->
    <script src="non-blocking-script.js" async></script>
    <!-- Ei blokeeri renderdamist -->
    <link rel="stylesheet" href="non-blocking-print-style.css" media="print">
</head>
<body>
    <h1>Sisu</h1>
</body>
</html>

Eelmine Edasi