У меня есть страница, которая встраивает другую страницу, назовем ее frame.html:
<iframe src="sub-page.html">
На sub-page.html, она загружает немного CSS и изображение:
<link rel="stylesheet" href="sub-page.css">
<img src="sub-page.svg" alt="Sub-Page">
Сначала я подумал, что мог бы ускорить загрузку этих субресурсов, добавив <link rel=preload> к frame.html:
<link rel="preload" href="sub-page.css" as="style">
<link rel="preload" href="sub-page.svg" as="image">
… но, похоже, это не поможет, глядя на возникающий водопадgraphs.
Спецификации для ссылок предварительной загрузки, кажется, подчеркивают, что это только для подресурсов текущей страницы , но, поскольку вы можете предварительно загружать файлы шрифтов, которые вызываются из таблицы стилей, вполне вероятно, что ресурсыкадра также может рассчитывать.Я что-то упустил, например, правильное использование атрибута crossorigin?