Оптимизация шрифтов rel=»preload» WordPress

Рассмотрим предзагрузчик контента (шрифтов) для WordPress - rel="preload" для шрифтов (font).

Для чего необходима ранняя загрузка шрифтов ?

Шрифты важная часть визуализации сайта, поэтому rel="preload" дает понять браузеру, что загружать их как можно скорее. Чем скорее будет отрисовка шрифтов, тем быстрее пользователь увидит контент. Гугл нам дает рекомендацию. (Чтобы основные ресурсы загружались в первую очередь, используйте для них элемент `)


link preload font

WordPress link rel=preload

Чтобы поставить rel="preload" в CMS WordPress нужно зайти в function.php


И добавить этот код. Посмотреть Код

Тут необходимо добавить пусть к папке где находятся ваши шрифты - href="/wp-content/themes/astra/assets/fonts/astra.woff".

Достаточно просто и page speed от google больше не выдает рекомендации по оптимизации шрифтов.