Cómo alojar fuentes de Google localmente en WordPress
¿Sabía que puede aprovechar la memoria caché del navegador y minimizar el DNS si aloja Google Fonts localmente en WordPress? En realidad, hay docenas de tutoriales en línea sobre las ventajas de alojar Google Fonts localmente. Sin embargo, la mayoría de ellos son largos, aburridos y complicados.
Todos tienen los mismos pasos. Hablan sobre los archivos para descargar, cómo subirlos a su sitio web de WordPress, cómo crear una hoja de estilo, cómo agregar sus Google Fonts a dicha hoja de estilo, cómo poner la hoja de estilo en cola en su sitio web de WordPress , y así sucesivamente.
En realidad, esto lleva mucho tiempo y puede ser difícil para muchas personas. Sin embargo, ahora puede alojar y optimizar las fuentes de Google en WordPress con un complemento simple y fácil de usar.
¿Por qué debería alojar Google Fonts localmente?
La razón principal por la que querrías alojar Google Fonts localmente es por los tiempos de velocidad de la página. Cuando se alojan localmente, el navegador del visitante de su sitio no tiene que hacer un viaje de ida y vuelta a los servidores de Google para recuperar los archivos adecuados.
También obtiene el control total del tiempo de caducidad de los archivos. Esto, a su vez, elimina el aviso Aprovechar el almacenamiento en caché del navegador en los sitios que ofrecen métricas de rendimiento como GTMetrix, Pagespeed Insights y Pingdom.
Optimice las fuentes de Google y hará que todo el proceso sea mucho más rápido y los visitantes de su sitio lo notarán. Para hacer esto sin perder tiempo con todos los pasos anteriores, encontré un complemento sólido que completará todo el proceso con unos pocos clics.
Aloja Google Fonts localmente en WordPress usando OMGF
El complemento OMGF (Optimize My Google Fonts) se escribió específicamente para aumentar el rendimiento y brindar al usuario una experiencia amigable y fácil de entender. OMGF utiliza la API de Google Fonts Helper para descargar automáticamente las fuentes que desea en su carpeta de contenido de WordPress. Luego, también genera automáticamente una hoja de estilo para él.
El complemento está repleto de características, que incluyen:
- Puede buscar y encontrar fácilmente fuentes y subconjuntos
- La hoja de estilo se genera automáticamente y se agrega automáticamente a su encabezado
- Compatible con los complementos populares de almacenamiento en caché y seguridad WP Super Cache, Autoptimize y WordFence.
- Capacidad para controlar el rendimiento de la fuente
- Prioriza las fuentes con rel='preload'
Instalar y activar OMGF
Entonces, comencemos el proceso. Para alojar fácilmente Google Fonts en WordPress, debe instalar y activar el complemento OMGF.
Una vez que el complemento se haya instalado y activado, haga clic en Configuración> Optimizar fuentes web.
Esto lo llevará a la página de configuración del complemento donde puede configurarlo y comenzar a alojar Google Fonts localmente.
Configurar OMGF para su uso
Este complemento es realmente muy sencillo. Sin embargo, hagamos un resumen rápido de todos modos para que pueda ver cómo se supone que sucederá.
Nota: En realidad, podría usar este complemento para cambiar sus fuentes a cualquier cosa que desee. Sin embargo, esto significaría que necesitábamos jugar con las hojas de estilo, y no lo haremos en este tutorial. Además, existe otra forma de utilizar fuentes personalizadas en su sitio web .
Una vez en la página de configuración del complemento para OMGF, verá instrucciones detalladas sobre qué hacer exactamente. Sin embargo, como referencia, esto es lo que debe hacer:
Busque las fuentes de Google que desee utilizando la opción "Buscar" en la sección "Generar hoja de estilo".
Puede buscar fácilmente todas las fuentes de Google disponibles .
Puede seleccionar tantas fuentes de Google como desee. Si está seleccionando más de uno, simplemente sepárelos con una coma. Cuando busque una fuente, Google también le mostrará subconjuntos de fuentes. Marque las casillas de los subconjuntos de fuentes que desee. Cuando haya terminado, haga clic en el botón "Descargar fuentes".
Cuando se haya completado la descarga, continúe y haga clic en el botón "generar hoja de estilo". Se generará automáticamente una hoja de estilo y se agregará al encabezado de su tema.
Eso es todo. Ahora está utilizando con éxito OMGF para alojar Google Fonts localmente en WordPress.
Nota: Hay algunas opciones de casillas de verificación a la derecha. Si cree que necesita alguno de ellos para su configuración, continúe y haga clic en ellos antes de generar su hoja de estilo.
Pensamientos finales
Cuando aloja Google Fonts localmente, le da a su sitio muchas grandes ventajas. De todas estas ventajas, la velocidad de la página y la optimización son las más importantes. Esto puede afectar los puntajes de PageSpeed Insights para aquellos que intentan alcanzar el ilustre perfecto "100" para la movilidad.
Ya no tiene que seguir un largo conjunto de instrucciones y realizar un montón de funciones para alojar Google Fonts localmente. Ahora puede hacerlo rápida y fácilmente con el complemento OMGF.
¿Alguna vez ha intentado alojar Google Fonts localmente? ¿Ha descubierto que de esta manera es más fácil que crear todo usted mismo?