Especialista en servidores y Hosting VPS
Host Google Fonts Locally (OMGF)
/
RSS Feed
En el episodio anterior te di la chapa con un extenso dosier jajaja hubiera sido mejor un post pero la idea era compartir un post jajaja. En este episodio seguimos hablando de tipografía con un plugin que nos ayudará a optimizarlas dentro de nuestros WordPress.
- Nos guste o no…
- Lamentablemente las tipografías ralentizan nuestros WordPress
- Ya sea por el número de peticiones o por el peso
- Seria muy buena idea usar fuentes que no pesen mucho
- Porque entre mas pesan
- Mas lento se vuelve nuestro WordPress
- Pero… ¿Como saber el peso de una fuente?
- GTMetrix haces un análisis
- En los resultados das clic en la pestaña Waterfall
- Y en los botones azules busca Fonts
- Y ahí podés ver
- Otra opción es ir directamente a las Google Fonts y descargarte las fuentes que usas o queres usar
- Ya hablamos que las tipografías son importantes
- Y este pilar tan fundamental
- Nos hace daño en el WPO
- Pero nosotros también podemos hacer algo: Alojarnos las fuentes en nuestro Hosting
- ¿Y como lo hacemos?
- ¡Con el plugin OMGF!
- Este aprovecha la caché del navegador
- Mientras minimiza las solicitudes
- Sirviendo las Google Fonts desde nuestro servidor
- Este plugin esta pensado en mejorar el rendimiento
- ¿Cómo lo hace?
- Con dos métodos: Manual y automatico
- El manual te permite configurar todo y ejecutarlo como a vos te parece correcto
- Esta opción esta bien para los mas expertos en el tema
- Para los que nos vamos metiendo en este tema…
- Nos vamos con el Modo automático
- En este método
- Se ejecuta en segundo plano
- Para capturar las solicitudes que se realizan a las API de Google
- Al instalar el plugin en tu WordPress
- Y se ejecuta el Modo automático por primera vez
- Redirige las solicitudes a su propia API
- Para descargar las fuentes y copiarlas en nuestro servidor
- Al hacer esto genera una nuevo hoja de estilo
- Incluyendo todos los formatos de fuentes
- EOT
- TTF
- WOFF
- WOFF2
- Para que tengamos el 100% de compatibilidad
- Esto reescribe cada URL en la que apunta a las fuentes de Google
- Y las dirige a nuestra fuente descargada en nuestro servidor
- El plugin funciona muy bien
- Y hace que algo tan complejo
- Sea muy sencillo de configurar
- Pero como todo en la vida de un implementador
- Te recomiendo hacer pruebas en un clon/staging
- Antes de implementar este plugin en tu web
- El plugin tiene una versión premium
- La versión gratis del repositorio… Nos ofrece:
- Reemplazar las fuentes de Google por copias en nuestro servidor
- Elimina las llamadas a las fuentes de Google
- Administra y optimiza las fuentes
- Toma fuentes desde CDN
- La versión premium tiene más opciones
- Que te permiten optimizar aún mas todo lo que hace la versión gratuita
Los detalles técnicos
- Enlace del repositorio
- Enlace a la web
- Versión: 4.2.3
- Última actualización: hace 2 meses
- Instalaciones activas: 20.000+
- Versión de WordPress:4.6 o superior
- Probado hasta: 5.5.3
- Versión de PHP:7.0 o superior
Google registra la IP de cada navegador que solicita una fuente… Usar este plugin te ayuda en los tiempos de carga, pero también da privacidad a cada todos tus usuarios… Hay Google don’t by evil.