Я пытаюсь сгладить некоторые водопады для веб-службы. В настоящее время я вижу этот уродливый шаблон:
document: WWWWWWWWDDDDD
resource: WWWWWWWWWDDDDD
resource: WWWWWWWWWDDDDD
W = Waiting (TTFB)
D = Content Download
Чтобы немного сгладить это, я пытаюсь быстрее загрузить подресурсы. Для этого я использую заголовок Link
и наполняю его директивами предварительной загрузки. Также я очищаю заголовки перед отправкой контента. Как я понял, это должно позволить обнаружить предварительные загрузки в первом полученном фрагменте байтов перед ожиданием загрузки всего документа. Образец Link
заголовок:
link: <https://some.domain.com/foo.min.js>; rel=preload; as=script; crossorigin,<//some.other.com/script.js>; rel=preload; as=script; crossorigin
Я почти уверен, что браузер видит эти ссылки, потому что он жаловался до того, как все эти атрибуты были правильными, например crossorigin
. Однако водопад остается прежним; ни один из подресурсов, которые настроены для предварительной загрузки, не загружается до тех пор, пока не будет загружен весь документ. Я бы ожидал чего-то большего:
document: WWWWWWWWDDDDD
resource: WWWWWWWWWDDDDD
resource: WWWWWWWWWDDDDD
Что заставляет Chrome игнорировать заголовок ссылки?