Заміна іконкових шрифтів на інлайн SVG (Elementor)
Три іконки, намальовані Font Awesome, можуть завантажити весь іконковий шрифт обсягом 80 КБ і більше, часто з кількома таблицями стилів. Опція Замінити шрифти іконок на вбудований SVG (Elementor) перетворює ці іконки на інлайн SVG і прибирає файли шрифтів зі сторінок, яким вони більше не потрібні. Вона вимкнена за замовчуванням і потребує Elementor, бо малюнки беруться з його власних файлів.
Увімкнення
- Відкрийте Baza Helper > Кеш та оптимізація.
- Позначте Замінити шрифти іконок на вбудований SVG (Elementor). Вона розташована у списку опцій, над Автоматично виправляти розмітку доступності.
- Очистіть кеш сторінок, щоб сторінки, які вже є в кеші, були створені заново з новою опцією.
Як це працює
- Кожна готова сторінка читається під час відтворення, а результат потрапляє в кеш сторінок.
- Порожня іконка Font Awesome 5 (суцільна, контурна або брендова) або іконка Elementor (eicon) стає інлайн 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 прибирає це завантаження на сторінках, де більше ніщо не потребує шрифту.
