Замена иконочных шрифтов на inline SVG (Elementor)
Три иконки, нарисованные Font Awesome, могут загрузить весь иконочный шрифт объёмом 80 КБ и больше, часто с несколькими таблицами стилей. Опция Заменить шрифты иконок на встроенный SVG (Elementor) превращает эти иконки в inline SVG и убирает файлы шрифтов со страниц, которым они больше не нужны. Она выключена по умолчанию и требует Elementor, потому что рисунки берутся из его собственных файлов.
Включение
- Откройте Baza Helper > Кеш и оптимизация.
- Отметьте Заменить шрифты иконок на встроенный SVG (Elementor). Она находится в списке опций, над Автоматически исправлять разметку доступности.
- Очистите кеш страниц, чтобы страницы, которые уже есть в кеше, были созданы заново с новой опцией.
Как это работает
- Каждая готовая страница читается при отрисовке, а результат попадает в кеш страниц.
- Пустая иконка Font Awesome 5 (сплошная, контурная или брендовая) или иконка Elementor (eicon) становится inline SVG, созданным из рисунков, которые поставляет Elementor. Остальные атрибуты и классы сохраняются.
- Иконка, которую тема рисует в CSS через псевдоэлемент с кодом Font Awesome 5 или 6, становится SVG-маской с тем же рисунком.
- Когда на странице ничто больше не требует иконочного шрифта, со страницы убираются таблицы стилей шрифтов иконок, предзагрузки шрифтов и скрипт-заглушка Font Awesome 4.
- Каждая страница оценивается отдельно. Сканировать весь сайт не нужно, а новое содержимое покрывается автоматически.
Что всё ещё использует шрифт
Страница сохраняет иконочные шрифты, если на ней есть иконка, которую плагин не может нарисовать:
- Названия Font Awesome 4, например класс fa с названием FontAwesome.
- Классы размера, вращения и анимации, например fa-2x, fa-spin и fa-fw.
- Названия иконок, которые плагин не знает.
- Иконочный шрифт, объявленный вашим правилом @font-face в теме.
Проверка страницы после включения
Посмотрите аккордеоны, списки иконок, меню и иконки соцсетей. Иконки, введённые прямо в таблицу стилей темы и которые плагин не может прочитать, останутся без изменений, поэтому проверьте их на сайте тоже.
Зачем это нужно
Страница с тремя иконками Font Awesome обычно загружает шрифт объёмом 80 КБ и больше и несколько файлов CSS. Рисование этих иконок как SVG убирает эту загрузку на страницах, где ничто другое не требует шрифта.
