В Теме MOBILE Настройка показ всего текста во время загрузки веб-шрифтов
PageSpeed Insights рекомендует настроить показ всего текста во время загрузки веб-шрифтов. Для этого нужно использовать свойство CSS font-display, чтобы пользователи могли видеть текст во время загрузки веб-шрифтов.
В mobile.css я в правиле
@font-face
CSS @-правило позволяет указать шрифты для отображения текста на веб-страницах, которые могут быть загружены либо с удаленного сервера, либо с компьютера пользователя. Если в правиле была объявлена функция <code>local()</code>, с названием шрифта, то будет производиться поиск на компьютере пользователя, и в случае обнаружения будет использован этот шрифт. Иначе будет скачан и использован шрифт, указанный в функции <code>url()</code>.
по рекомендации Как избежать отображения невидимого текста #
подставляю
font-display: swap;
@font-face {
font-family: 'fontello';
src: url("font/fontello.eot?44009213");
src: url("font/fontello.eot?44009213#iefix") format('embedded-opentype'), url("font/fontello.woff?44009213") format('woff'), url("font/fontello.ttf?44009213") format('truetype'), url("font/fontello.svg?44009213#fontello") format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}Что еще нужно допилить?
3 ответа
Вот еще нашел рекомендации. https://webformyself.com/google-fonts-uskorit-vremya-zagruzki/
Не могу понять что там разработчики и откуда наподключали в теме MOBILE, что тема тормознутая из коробки. По тестам загрузка не менее 3.1 секунда.
Я так понимаю тормозит загрузку сайта ALS Rubl Arial (РУБЛЬ!!!)
Можно узнать в каком файле формируется ссылка https://fonts.googleapis.com/css?family=Oswald&subset=latin,cyrillic
Чтобы добавить туда параметр &display=swap