Google Fonts saját tárhelyről

Ha a Complianz felismeri, hogy az oldalad Google Fontsot használ, értesít, és a saját tárhelyről szolgálás (self-hosting) felé terel. Ez a fejezet elmagyarázza, miért ez az ajánlott megoldás a blokkolás helyett, és hogyan kell megcsinálni.

Miért jobb a saját tárhely, mint a Google Fonts API blokkolása?

A blokkolás korlátai

A Google Fonts blokkolása nem mindig lehetséges kézi beállítás nélkül. A Complianz tud blokkolni egy API-hívást vagy a betűtípusokat lekérő JavaScriptet, de egyes kéréseket CSS-importok vagy sablonfájlok indítanak, és ezeket kézzel kell törölni, hogy a hívás teljesen megszűnjön. Sok esetben a kéréseket több bővítmény és sablon is megsokszorozza, ezért ezeket is külön be kell állítani.

Például az Avada ugyanazt az @font-face megoldást használja, mint a saját tárhelyről szolgálás, és az API-t közvetlenül egy minifikált, összevont, véletlenszerű nevű CSS-fájlból hívja. Ezt a CSS-fájlt nem nehéz blokkolni, de az összes összevont CSS blokkolása a Google Fonts kizárására sokkal nagyobb beavatkozás, mint a betűtípusok saját szerverre töltése.

Mi történik, ha hozzájárulást kérsz a Google Fontshoz?

Ha a Google Fontsot sikerül blokkolnod a szkriptközponttal vagy saját kóddal, újabb technikai nehézségbe ütközöl: a hozzájárulás előtt minden betűcsalád a böngésző tartalék betűtípusára vált. A hozzájárulás után a Google Fonts API új betűcsaládokat alkalmaz, ezért a látogató más élményt kap, neked pedig további CSS-sel és teszteléssel kell biztosítanod, hogy a stílus különbsége minimális legyen (elrendezés-eltolódás, eltérő betűméret és vastagság). Egy termékoldal, amelyet a Google Fonts betűtípusaira terveztek, a blokkolás miatt például más méretű lesz, és az elrendezés is elmozdulhat.

Beépített adatvédelem: az API elhagyása

A legegyszerűbb, technikailag legmegbízhatóbb megoldás a Google Fonts saját tárhelyről szolgálása. Ez megszünteti a hozzájárulás-kezelés és a plusz stílusozás szükségességét, és kevesebb kérést jelent, ezért a teljesítmény is javul. A végső lépés az, hogy a Google Fonts minden nyomát eltávolítod, és a betűtípusaidat egy olyan bővítménnyel, mint az OMGF (Optimize My Google Fonts), saját szerverről szolgálod.

A Google Fonts saját tárhelyre helyezése

Példaként az OMGF-et használjuk, de több bővítmény is eléri ugyanezt. A bővítmény átvizsgálja az oldalt betűcsaládok után, és letölti őket helyben, így a helyi betűtípusokat használhatod, a Google Fonts API-kat pedig kézzel eltávolíthatod.

Az OMGF telepítése

1. Telepítsd az OMGF | Optimize My Google Fonts bővítményt a WordPress-tárból, és aktiváld.
2. Menj a Beállítások → Optimize Google Fonts oldalra. Itt látod a feladatkezelőt (Task Manager).
3. Olvasd el az utasításokat, különösen a gyorsítótárazásra vonatkozókat: lehet, hogy az összes gyorsítótárat törölnöd kell, hogy az OMGF megtalálja az összes stíluslapot.
4. Kattints a Save & Optimize gombra. Az állapot megváltozik, jelezve, hogy a betűtípusok letöltődtek.

A helyi Google Fonts betöltésének optimalizálása

Ha a stíluslapot az OMGF hozta létre, lehetőséged van a betöltés optimalizálására. Ez nem kötelező, de javíthatja a teljesítményt. Ha az oldal még fejlesztés alatt áll, ez a lista bővülhet, ezt tartsd szem előtt.

A Google Fonts-kérések törlése

Több módon is eltávolíthatod az API-kéréseket és a Google Fontsot a sablonodból:

• Az OMGF beépített lehetősége megpróbálja automatikusan. Ahogy fentebb írtuk, egyes esetekben kézi beállítás is kell.
• Az Autoptimize bővítmény ugyanezt a lehetőséget kínálja az Extra fülön.
• Kézzel: az OMGF dokumentációja leírja, hogyan töröld a sablonod Google Fonts-kéréseit.

Ellenőrzés: kér-e még az oldal Google Fonts API-t?

A leggyorsabb mód a hálózati kérések megnézése egy inkognitó böngészőablakban:

1. Nyisd meg az oldalt inkognitó ablakban, és nyisd meg a fejlesztői konzolt (Nézet → Fejlesztő → Fejlesztői eszközök). A Network (Hálózat) fülön frissítsd az oldalt.
2. A bal felső keresőmezőbe írd be: https://fonts.
3. Az eredmények megmutatják, hol van még hivatkozás a Google Fontsra.

Ha találsz ilyen URL-t, ellenőrizd a kérés állapotkódját is: a Network fülön jobb oldalon a Headers résznél válaszd ki az URL-t. Optimális eredményhez kapcsold ki a gyorsítótárat.

Fontos tudnivaló: a Google az utóbbi hónapokban frissítette a Google Fonts használatára vonatkozó magyarázatát és feltételeit, és a kérdés vizsgálata, hogy ez mit jelent a szolgáltatás használatára nézve, még tart.