Элементы LINK загружаются синхронно?
Если у меня есть следующий документ HTML5:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>FOOBAR</title>
</head>
<body>
<link rel="stylesheet" href="/largefonts.css">
<script src="onload.js"></script>
</body>
</html>
Будет ли <link>
загрузить тег синхронно, чтобы при onload.js
скрипт выполняется, шрифты должны быть загружены в браузере?
Обратите внимание, что я не спрашиваю, применены ли шрифты к каким-либо узлам DOM, я просто хочу знать, загружены ли они в память.
1 ответ
Процесс получения <link>
Ресурсы описаны в соответствующем разделе спецификации HTML5, и ответы таковы:
Пользовательские агенты могут решить пытаться получить такие ресурсы только тогда, когда они необходимы, вместо того, чтобы забирать все внешние ресурсы, которые не были применены.
Тем не мение,
[
<link>
] element должен задерживать событие загрузки документа элемента, пока все попытки получить ресурс и его критические подресурсы не будут завершены
... это означает, что документ load
событие не сработает, пока все <link>
s были загружены (или не удалось)