#css #performance #http2 #server-push #web-performance
#css #Производительность #http2 #серверное нажатие #веб-производительность
Вопрос:
Мы используем Link заголовок для предварительной загрузки наших файлов шрифтов, и он отлично работает, когда кэш браузера пуст. Однако при «Повторном просмотре» файлы шрифтов загружаются дважды, и Chrome показывает предупреждающее сообщение. Как мы можем это исправить?
Link Заголовок и CSS-файлы указывают на полный относительный URL:
/app/themes/foobar/assets/fonts/Montserrat-Light.woff
Первый просмотр:
Повторный просмотр:
Ответ №1:
Проблема заключалась в отсутствии crossorigin , поэтому вместо:
Link: </path/to/font.woff2>; rel=preload; as=font
Использовать:
Link: </path/to/font.woff2>; rel=preload; as=font; crossorigin