Как настроить предварительную загрузку ключевых запросов?

Question

[wakenby]

Пытаюсь оптимизировать загрузку страницу по google page speed. Он пишет вот это:



У меня один css файл, в нем подключаются шрифты через @font-face. Нашел в интернете такое решение:

<link rel="preload" href="css/styles.css" as="style">
<link rel="stylesheet" href="css/styles.css">

Но оно не работает, google page speed все равно ругается на это. Что я сделал не так?

Answer 1

[Артур Ш]

Попробуйте в css установить для этих шрифтов в правиле @font-face свойство font-display:swap;

Comments

[wakenby]

Установлен, не помогает((

[Артур Ш]

Они локально загружены или откуда-то подтягиваются?

[wakenby]

Артур Ш, Локально

[Артур Ш]

<link rel="preload" href="assets/project_files/fonts/MontserratRegular/MontserratRegular.woff" as="font" type="font/woff" crossorigin="anonymous">

[wakenby]

Артур Ш, Спасибо, помогло!)