Privacidad

Google Fonts en local en WordPress y Elementor: cómo hacerlo y qué ganas

Imagen de portada: Google Fonts en local

El resultado

Medimos la misma página de Elementor en tres estados, cinco veces en móvil y cinco en escritorio. La tabla muestra la mediana.

Elementor por defecto (Google)Google Fonts en localGoogle Fonts desactivado
Tiempo de carga en móvil (LCP)4,51 s3,90 s3,43 s
Primera visualización en móvil (FCP)2,09 s1,40 s1,36 s
Tiempo de carga en escritorio (LCP)1,26 s0,95 s0,83 s
Puntuación Lighthouse en móvil828891
Peticiones a servidores externos9 (Google)00
Gráfico de barras: tiempo de carga en móvil de 4,51 segundos con Google Fonts desde Google, 3,90 segundos en local y 3,43 segundos sin Google Fonts
Tiempo de carga (LCP) en móvil, mediana de 5 pasadas. Menos es mejor.

Cargar las fuentes en local no solo es mejor para la privacidad, también es más rápido. El navegador ya no tiene que conectarse a dos servidores más (fonts.googleapis.com y fonts.gstatic.com) antes de recibir la fuente.

Por qué importa

Cuando una página carga las fuentes directamente desde Google, el navegador de cada visitante envía su dirección IP a Google sin que nadie se lo pregunte. En enero de 2022, el Tribunal Regional de Múnich lo consideró una infracción del RGPD y concedió a un visitante 100 euros de indemnización (asunto 3 O 17493/20). Después llegó en Alemania una oleada de requerimientos.

Si las fuentes salen de tu propio servidor, al cargar la página ninguna IP de visitante llega a Google. Para las fuentes ya no necesitas consentimiento en el banner de cookies.

Cómo comprobar si tu web carga Google Fonts

  1. En el navegador: abre la página, clic derecho → Inspeccionar → pestaña Red y recarga. Escribe fonts.g en el filtro. Si aparece algo, tu web carga Google Fonts.
  2. En el código fuente: clic derecho → Ver código fuente de la página y busca fonts.googleapis con Ctrl+F (Mac: Cmd+F).
  3. Con nuestro plugin: el Connection Monitor gratuito tiene un análisis de página que muestra todos los servidores externos de una página.

Revisa varias páginas, no solo la portada. Algunos plugins solo cargan fuentes donde las necesitan, por ejemplo en un carrusel o en un formulario.

La solución en Elementor

Así se llaman los menús en Elementor 4.3 con el panel en español:

1. Cargar las fuentes en local

En el menú de WordPress, haz clic en Elementor y abre Ajustes en Editor, a la izquierda. En la pestaña Rendimiento, pon Cargar localmente las fuentes de Google en Activar.

Ajustes de Elementor, pestaña Rendimiento: Cargar localmente las fuentes de Google en Activar
Elementor → Editor → Ajustes → Rendimiento

2. Modo de visualización en Swap

En la pestaña Avanzado, pon Carga de Google Fonts en Swap. Así el navegador muestra el texto enseguida con una fuente de reserva y la cambia en cuanto llega la fuente correcta. Después, Guardar cambios.

Ajustes de Elementor, pestaña Avanzado: Carga de Google Fonts en Swap
Elementor → Editor → Ajustes → Avanzado

3. Vaciar la caché y comprobar

Abre Herramientas en Editor, a la izquierda, y en la pestaña General haz clic en Vaciar archivos y datos junto a Caché de Elementor. Si usas un plugin de caché, vacía también su caché. Después comprueba con uno de los tres métodos de arriba que ya no va nada a Google.

Herramientas de Elementor, pestaña General: botón Vaciar archivos y datos de la caché de Elementor
Elementor → Editor → Herramientas → General

Qué pasa por detrás al cambiarlo

En la primera carga después del cambio, Elementor descarga una vez las fuentes de Google a tu servidor. Nuestro Connection Monitor contó 227 peticiones del servidor a Google (2 a fonts.googleapis.com y 225 a fonts.gstatic.com). Tardó unos 18 segundos. Al final había 25 archivos de fuentes en el servidor, 604 KB en total.

Para ti significa esto: la primerísima carga después del cambio puede tardar bastante más. Abre la página tú una vez antes de que lleguen visitas. Estas conexiones salen de tu servidor, no de tus visitantes, así que sus IP no llegan a Google.

Aún más rápido: desactivar Google Fonts del todo

Sin fuentes web, la página fue la más rápida de la prueba (3,43 s en vez de 3,90 s en móvil). Para ello, en Elementor → Editor → Ajustes → Avanzado pon Google Fonts en Desactivar. La página usará entonces las fuentes que ya tiene el dispositivo del visitante, y se verá un poco distinta según el dispositivo.

Si quieres mantener una fuente propia, hay un término medio. Es lo que hacemos en Benchnode: Google Fonts está desactivado en Elementor y cargamos nosotros la fuente Inter como fuente variable en solo dos archivos (latín y latín extendido, 133 KB en total) en vez de 25. La portada de Benchnode llega así a 100 en Lighthouse en móvil.

Otras fuentes de Google Fonts

Elementor no es la única fuente. Temas y plugins de carruseles, formularios o mapas a veces también cargan fuentes desde Google. Por eso conviene volver a comprobarlo después del cambio. Si sigues viendo peticiones a fonts.googleapis.com, busca en los ajustes de ese plugin una opción como «desactivar Google Fonts» o «cargar en local».

Lista de comprobación

  • Rendimiento → Cargar localmente las fuentes de Google: Activar
  • Avanzado → Carga de Google Fonts: Swap
  • Caché de Elementor vaciada (Vaciar archivos y datos) y caché del plugin vaciada
  • Varias páginas revisadas: ninguna petición a fonts.googleapis.com ni a fonts.gstatic.com
  • Política de privacidad actualizada (Google Fonts ya no figura como tercero, salvo que otra cosa las siga cargando)

Para curiosos de la técnica: montaje y datos en bruto

  • Laboratorio: WordPress 7.1.4, PHP 8.4, Hello Elementor 3.5, Elementor 4.3.6, Elementor Pro 4.3.2, hosting compartido en All-Inkl. Página de referencia con imagen principal, carrusel, galería, preguntas frecuentes, formulario y ventana emergente. Sin plugin de caché. Las fuentes por defecto del kit de Elementor son Roboto y Roboto Slab.
  • Medición: Lighthouse 13.5.0, Chrome sin ventana, móvil con conexión limitada (valor por defecto de Lighthouse) y escritorio, 5 pasadas cada uno tras una carga de calentamiento. Antes de cada estado, el laboratorio se restauró al mismo snapshot. Metodología
  • Estados: A = Elementor por defecto (elementor_google_font activo, elementor_local_google_fonts inactivo), B = local (ambos activos), C = desactivado (elementor_google_font inactivo). Tras cada cambio se vació la caché CSS de Elementor.
  • Peso de la página: en el estado B la página pesó 829 KB (móvil), más que los 708 KB de A. Lighthouse no siempre registra por completo el tamaño de las fuentes de otros servidores, así que no contamos esta diferencia en contra de «local».
  • Conexiones del servidor registradas con Connection Monitor 1.0. La descarga de las fuentes la inicia Elementor y pasa por la función de WordPress download_url().
  • Variación: sin caché, el tiempo de respuesta del servidor (TTFB) estuvo entre 630 y 880 ms y varió con independencia del estado. No entra en la comparación.
  • Datos en bruto: messdaten.csv con las 30 pasadas. Nota: la columna fremd_requests muestra 1 en B y C. Es una petición interna del navegador sin servidor, no una conexión externa. El script ya está corregido.
  • Medido el: 7 de noviembre de 2026.

Ben Marten

Ben Marten testet WordPress-Plugins im eigenen Labor auf Shared Hosting und schreibt auf, was die Messungen zeigen: mit Zahlen, Einstellungen zum Nachbauen und einer ehrlichen Empfehlung.
Menú

Temas

Benchnode

Legal

Elegir idioma