Я пытаюсь использовать сервер HTTP / 2 push, работающий на Cloudflare.Я пытаюсь выдвинуть два ресурса, используя следующий заголовок HTTP ...
Link: </img/whysoslow-hero.jpg>; rel=preload; as=image, </lib/bootstrap.min.css>; rel=preload; as=style
Изображение является справочным в качестве фонового изображения в таблице стилей, оно выдвигается, а затем используется правильно (загружается один раз).
Однако яссылаться на таблицу стилей в HTML моей страницы следующим образом ...
<link rel="stylesheet" href="/lib/bootstrap.min.css">
... и он выдвигается, но затем также извлекается (загружается дважды).
Мой веб-сайт ... https://whysoslow.co.uk
Вот снимок экрана с вкладкой «Сеть» в Chrome, показывающий, что ресурсы передаются, но затем таблица стилей загружается снова ...
Может ли кто-нибудь объяснить мне, почему это происходит и как я могу решить эту проблему?
РЕДАКТИРОВАТЬ:
С тех пор я заметил, что консоль говорит ...
Предварительная загрузка для 'https://whysoslow.co.uk/lib/bootstrap.min.css' найдена, но не используется из-за несоответствия целостности.
Так что проверка SRI не выполняется.Но я не понимаю почему, он загружает один и тот же файл, поэтому он должен быть идентичным.Почему они не будут идентичны?