Nahradenie ikonových písiem inline SVG (Elementor)
Tri ikony nakreslené cez Font Awesome môžu načítať celé ikonové písmo s veľkosťou 80 KB alebo viac, často s niekoľkými súbormi štýlov. Možnosť Nahradiť fonty ikon vloženým SVG (Elementor) premieňa tieto ikony na inline SVG a odstraňuje súbory písiem zo stránok, ktoré ich už nepotrebujú. Je predvolene vypnutá a vyžaduje Elementor, lebo kresby pochádzajú z jeho vlastných súborov.
Zapnutie
- Otvorte Baza Helper > Vyrovnávacia pamäť a optimalizácia.
- Zaškrtnite Nahradiť fonty ikon vloženým SVG (Elementor). Nachádza sa v zozname možností nad Automaticky opravovať značky prístupnosti.
- Vymažte cache stránok, aby sa stránky, ktoré sú už v cache, znova vytvorili s novou možnosťou.
Ako to funguje
- Každá hotová stránka sa číta pri vykresľovaní a výsledok sa uloží do cache stránok.
- Prázdna ikona Font Awesome 5 (plná, obrysová alebo značková) alebo ikona Elementora (eicon) sa zmení na inline SVG vytvorený z kresieb, ktoré dodáva Elementor. Ostatné atribúty a triedy zostávajú zachované.
- Ikona, ktorú téma kreslí v CSS pomocou pseudoelementu s kódom Font Awesome 5 alebo 6, sa zmení na SVG masku s rovnakou kresbou.
- Keď na stránke už nič nepotrebuje ikonové písmo, zo stránky sa odstránia štýly ikonových písiem, predbežné načítanie písiem a skript Font Awesome 4 shim.
- Každá stránka sa posudzuje samostatne. Skenovanie celej stránky nie je potrebné a nový obsah sa pokrýva automaticky.
Čo stále používa písmo
Stránka si ponechá ikonové písma, ak má stále ikonu, ktorú plugin nedokáže nakresliť:
- Názvy Font Awesome 4, napríklad trieda fa s názvom FontAwesome.
- Triedy veľkosti, otočenia a animácie, napríklad fa-2x, fa-spin a fa-fw.
- Názvy ikon, ktoré plugin nepozná.
- Ikonové písmo deklarované vaším vlastným pravidlom @font-face v téme.
Kontrola stránky po zapnutí
Pozrite sa na akordeóny, zoznamy ikon, menu a ikony sociálnych sietí. Ikony napísané priamo v štýlovom súbore témy, ktoré plugin nedokáže prečítať, zostanú nezmenené, preto ich skontrolujte aj na stránke.
Prečo na tom záleží
Stránka s tromi ikonami Font Awesome zvyčajne načíta písmo s veľkosťou 80 KB alebo viac a niekoľko súborov CSS. Kreslenie týchto ikon ako SVG odstráni toto sťahovanie na stránkach, kde nič iné písmo nepotrebuje.
