La presentación visual de un sitio web es esencial para captar la atención de los visitantes. Las fuentes, como elemento clave del diseño, juegan un papel crucial en este aspecto.
Google Fonts en WordPress es y será una herramienta predilecta para muchos diseñadores y desarrolladores de WordPress debido a su amplia variedad de tipografías de alta calidad. Sin embargo, hay ocasiones en las que, por razones de privacidad, rendimiento o estética, es posible que necesitemos eliminar estas fuentes de nuestro sitio WordPress.
Si nos encontramos en esta situación, en esta guía vamos a ver paso a paso cómo deshacernos de las fuentes de Google en nuestro sitio WordPress, garantizando al mismo tiempo una experiencia visual óptima para tus usuarios.
Tabla de contenidos
¿Por qué eliminar fuentes de Google de WordPress?
Google Fonts ha revolucionado el diseño web al ofrecer una amplia gama de tipografías para WordPress de alta calidad, en su mayoría muy fáciles de integrar en cualquier sitio. Sin embargo, hay varias razones por las que podríamos estar considerando eliminar estas fuentes de nuestros sitios WordPress:
Privacidad y protección de datos: cada vez que un visitante accede a nuestro sitio, se establece una conexión con los servidores de Google para cargar las fuentes. Esto puede llevar a que Google recopile datos del usuario, lo que podría no estar en línea con nuestras políticas de privacidad o las regulaciones de protección de datos de nuestra región.
Rendimiento del sitio: aunque las fuentes de Google están optimizadas para cargarse de forma rápida, en algunos casos, pueden afectar el tiempo de carga del sitio, en especial si estamos utilizando múltiples fuentes o variantes de una fuente en particular.
Consistencia del diseño: puede que prefiramos utilizar una fuente específica que no esté disponible en Google Fonts o que deseemos mantener una coherencia en el diseño utilizando fuentes locales.
Independencia de servicios externos: al depender de un servicio externo, nos exponemos a posibles interrupciones o cambios en el servicio. Al eliminar las fuentes de Google, reducimos esta dependencia y tomamos un mayor control sobre los recursos de nuestro sitio WordPress.
Optimización SEO: la velocidad en WordPress y el rendimiento son factores clave para el SEO. Al reducir las solicitudes externas, como las fuentes de Google, podemos mejorar un poco más la velocidad de carga, lo que podría tener un impacto positivo en el posicionamiento en los motores de búsqueda.
Aunque Google Fonts ofrece beneficios indiscutibles en términos de diseño y variedad, hay consideraciones válidas para eliminarlas. Es esencial sopesar los pros y contras y decidir lo que es mejor para nuestro sitio y los visitantes.
Cómo comprobar si has incrustado fuentes de Google en tu web
Antes de tomar medidas para eliminar las fuentes de Google de tu sitio WordPress, es esencial determinar si en realidad las estamos utilizando. Aquí veremos algunos pasos para comprobar si hemos incrustado fuentes de Google en nuestra web:
Inspección del código fuente
Utilizar este punto es fácil. Solo necesitamos el navegador que usamos en nuestras computadoras. Cuando estemos en la página, hacemos clic derecho y seleccionamos Inspeccionar elemento. A veces, podría verse como Ver código fuente. Todo dependerá del navegador que utilicemos.
Después de que hemos abierto este panel, utilizaremos la opción de búsqueda rápida (Ctrol + F o Cmd + F) en el recuadro que nos muestra buscamos fonts.googleapis.com. Si nos encontramos con alguna coincidencia, significaría que estamos utilizando fuentes de Google en nuestro sitio.
Otra alternativa muy sencilla de verificar, siguiendo la misma instrucción anterior, abrimos la consola de inspección de código y en esta veremos una solapas en la parte superior, aquí es donde vamos a seleccionar la que encontremos con el nombre de Red.
Una vez dentro, solo tenemos que recargar nuestro sitio sin cerrar este panel. Una vez hecho esto se cargarán todas las extensiones y herramientas que conectan con nuestro sitio web. Utilizamos la barra de filtro en la parte superior para escribir fonts.googleapis.com, si vemos de nuevo un resultado es que estamos utilizando una fuente de Google.
Plugins de análisis
Hay varios plugins de WordPress que nos permiten analizar los recursos cargados en nuestro sitio. Plugins como Asset CleanUp o Query Monitor pueden ayudarnos a identificar de forma rápida si estamos utilizando fuentes de Google en nuestro sitio web.
Revisión de temas y plugins
Algunos temas y plugins de WordPress incorporan de forma automática fuentes de Google. Es bueno revisar entre las opciones de nuestro tema o de los plugins que tengamos instalados para ver si están configurados para usar estas fuentes. Este paso va a depender de nuestro conocimiento de opciones del tema, recomendamos siempre verificar las documentaciones oficiales si tenemos dudas sobre si aplica o no fuentes de Google.
Herramientas de análisis web
Sitios web como GTmetrix, Pingdom o Google PageSpeed Insights pueden ofrecernos un desglose detallado de todos los recursos que nuestro sitio está cargando, incluidas las fuentes. Solo tenemos que introducir la URL de nuestro sitio y buscamos referencias a “fonts.googleapis.com” en los resultados.
También contamos con otras herramientas, como la extensión WhatFont en algunos navegadores, siendo esta instalable en el propio explorador. Incluso herramientas en línea más simples. Solo tenemos que ingresar la URL y Google Fonts Checker nos dirá si tenemos fuentes de Google en nuestra página.
¿Cómo eliminar fuentes de Google de WordPress?
Las fuentes de Google son una herramienta estupenda para darle un toque distintivo y profesional a nuestro sitio web. Sin embargo, hay ocasiones en las que, por razones de privacidad, rendimiento o estética, podríamos querer eliminarlas. Si hemos visto los puntos anteriores y hemos decidido que es el momento de decir adiós a estas fuentes, aquí te vamos a guiar en cómo hacerlo.
Plugin Disable and Remove Google Fonts
Algunas veces, es necesario tomar medidas para optimizar el rendimiento de nuestro sitio web, y una de esas medidas puede ser eliminar las fuentes de Google mediante un plugin que nos facilite el trabajo. Por fortuna, hay herramientas diseñadas para esta tarea, y una de las más destacadas es el plugin Disable and Remove Google Fonts para WordPress.
Este plugin está diseñado para mejorar el rendimiento de nuestro sitio web al desactivar las fuentes de Google que son cargadas por temas y plugins. Aunque el plugin se esfuerza por eliminar las fuentes de Google de la mayor cantidad posible de temas y plugins de WordPress, algunos pueden requerir pasos adicionales. Una vez instalado, es recomendable limpiar la caché de nuestro sitio web y probarlo utilizando herramientas gratuitas como el Google Fonts Checker que hemos visto en puntos anteriores.
Más allá de la mejora en la velocidad de carga de la página, eliminar las referencias a las fuentes de Google puede ayudar a cumplir con regulaciones como el RGPD WordPress y el DSGVO, garantizando así una mayor privacidad y seguridad para los usuarios.
Plugin Borlabs Font Blocker
Otra de las herramientas que nos ayudan a eliminar o bloquear las fuentes de Google en WordPress, nos encontramos con el plugin Borlabs Font Blocker. Este plugin no solo se centra en la eliminación, sino que ofrece una solución más completa para aquellos que deseamos tener un control total sobre las fuentes que se cargan en nuestro sitio web.
Borlabs Font Blocker es una herramienta esencial para aquellos que buscamos tener un control total sobre las fuentes que se utilizan en nuestros sitios web. No solo permite bloquear las fuentes de Google, sino que también ofrece la flexibilidad de personalizar WordPressy alojar fuentes de forma local, garantizando tiempos de carga más rápidos y una mayor privacidad para los visitantes del sitio.
Plugin Autoptimize
Por muy extraño que parezca este plugin, si bien su objetivo principal es la gestión de la caché WordPress, también puede ayudarnos con nuestro problema con Google fonts para mejorar la experiencia del usuario y la velocidad de carga de nuestro sitio web. Autoptimize es uno de esos plugins esenciales que no solo te ayuda a optimizar tu sitio, sino que también ofrece soluciones específicas para otras funciones.
Algunos de los beneficios de usar Autoptimize en relación con las fuentes de Google son:
Optimización de fuentes: este plugin nos permite gestionar cómo y cuándo se cargan las fuentes de Google en nuestro sitio, reduciendo el tiempo de carga y mejorando la velocidad general del sitio.
Reducción de solicitudes HTTP: al combinar y minimizar los archivos CSS y JavaScript, el plugin reduce el número de solicitudes HTTP WordPress, lo que es en especial útil cuando se trata de fuentes que pueden generar múltiples solicitudes.
Integración con otros plugins: este se integra a la perfección con otros plugins de caché y optimización, lo que nos permite tener una solución completa para la velocidad del sitio.
Flexibilidad: aunque el plugin es conocido por su capacidad para gestionar fuentes de Google, también ofrece una amplia gama de herramientas de optimización, desde la minimización de archivos hasta la optimización de imágenes.
Si la fuente proviene de un video de YouTube
Si hemos utilizado algún video de YouTube en WordPress en nuestro sitio web, de forma automática este cargará la fuente Roboto que utiliza YouTube. No podemos quitar esta fuente, pero podemos usar el plugin WP YouTube Lyte para que los videos solo se activen al hacer clic en ellos. Esto hará que no sea cargada la fuente en una primera instancia y también optimizamos un poco más nuestro sitio.
Si la fuente proviene de mapa con Google Maps
Poner Google Maps en WordPress presenta el mismo problema que los videos de YouTube, porque también usa la fuente “Roboto“. No podemos quitar la fuente, así que podemos subir una captura del mapa en lugar de incrustarlo. Esto cambia el contenido interactivo por uno estático, pero también podemos utilizar uno de los múltiples plugins para agregar mapas disponibles en WordPress.
Conclusiones
En la era digital, donde cada milisegundo cuenta, optimizar la velocidad y rendimiento de nuestro sitio web es esencial. Las fuentes de Google, aunque atractivas y versátiles, pueden influir en la velocidad de carga de nuestra página. Por ello, es crucial entender cómo gestionarlas de forma adecuada en WordPress.
A lo largo de esta guía, hemos explorado la relevancia de las fuentes de Google, cómo identificar su presencia en nuestro sitio y, lo más importante, cómo eliminarlas o gestionarlas para mejorar la eficiencia de nuestra web. Con herramientas como Autoptimize, Borlabs Font Blocker y otros plugins específicos, tenemos el poder de tomar decisiones informadas sobre cómo y cuándo cargar estas fuentes, garantizando una experiencia óptima para los visitantes.
Pero más allá de la técnica y las herramientas, es esencial recordar que cada decisión que tomemos debe estar alineada con las necesidades y expectativas de nuestra audiencia. Si bien es vital optimizar la velocidad, también es crucial mantener la coherencia estética y la funcionalidad de nuestro sitio.
Gestionar las fuentes de Google en WordPress no es solo una tarea técnica, sino una estrategia que equilibra rendimiento y diseño. Con la información y herramientas adecuadas, podemos asegurarnos de que nuestro sitio web no solo sea rápido, sino también atractivo y eficiente para todos los visitantes. ¡Adelante y optimiza con confianza!
¿Te ha resultado útil este artículo?
Equipo de soporte WordPress y WooCommerce en Webempresa.
