Cargar fuentes de Google es cómodo, pero costoso: cada request es un hop más, un DNS lookup más, y en Europa un problema legal.
El costo real de Google Fonts Cada tipografía externa añade 100–300 ms al LCP porque: 1. DNS lookup a fonts.googleapis.com 2. TCP + TLS handshake 3. Descarga del CSS 4. Descarga del archivo woff2
Para el navegador, son 4 round-trips antes de que el texto aparezca.
La solución: self-hosting 1. Descarga los archivos woff2 desde google-webfonts-helper. 2. Colócalos en `/public/fonts/`. 3. Declara con `@font-face` y `font-display: swap`. 4. Precarga los pesos críticos con `<link rel="preload" as="font" type="font/woff2" crossorigin>`.
Ganancia típica - LCP: **-200 a -400 ms** - Requests externos: **-2 a -4** - Compliance GDPR: **✓** (Google Fonts fue declarada no compliant en Alemania en 2022).
Cuándo no vale la pena Si tu web tiene <100 visitas/mes y usas WordPress con un tema pesado, Google Fonts es el menor de tus problemas. Prioriza donde el impacto sea real.
R
Rayden Gonzalez
Diseño y construyo sitios web premium para negocios que quieren vender de verdad.