Я пытаюсь использовать HTTP / 2 server 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 терпит неудачу. Но я не понимаю, почему, он получает один и тот же файл, поэтому он должен быть идентичным. Почему бы им не быть идентичными?