Es posible que la fuente web de Google solo ocupe un pequeño segmento en todo el sitio web, pero optimizar su velocidad ayuda con una carga súper rápida.
Según el archivo HTTP, el peso de las fuentes web de Google en relación con el peso total de un sitio web es solo del 3%.
En este artículo, aprenderá sobre los procesos para acelerar las fuentes de google en wordpress fácilmente sin ningún esfuerzo. Entonces, si está lo suficientemente interesado, asegúrese de leer hasta el final.
Fuentes de Google y sus ventajas
Antes de aprender a acelerar las fuentes de Google en WordPress, primero debe comprender qué son realmente las fuentes de Google y por qué son importantes para su sitio web de comercio electrónico.
Fuentes de Google es un directorio gratuito que consta de más de 800 tipos de fuentes web que puede usar convenientemente en su sitio de WordPress.
Además, estas fuentes web también están disponibles para descarga gratuita y usos adicionales. Hoy en día, un sinfín de propietarios de sitios web de WordPress utilizan estas fuentes gratuitas de Google para aumentar el atractivo y la facilidad de uso de sus sitios.
Se cree que es una de las mejores formas de obtener la máxima cantidad de tráfico real en su sitio web.
Además, si elige tener una presentación fluida, las fuentes del sistema ayudarán. Sin embargo, no están a la altura de Google Web Font en cuanto a estética y profesionalidad.
Además, siempre se ha visualizado la topografía para influir positivamente en la renovación. Por lo tanto, es importante saber que el uso de Google Fonts en WordPress provoca cambios rápidos tanto en el rendimiento como en la velocidad de su sitio web.
Maneras de usar las fuentes de Google
Puede hacer que Google Fonts se ejecute más rápido en WordPress de varias maneras. El método principal es obtener el tipo de fuente adecuado directamente de Google.
Si prefiere este método, automáticamente solicita ayuda a la CDN global para mover fuentes rápidamente desde varios servidores en todo el mundo.
Una vez incrustado en su sitio de WordPress, puede esperar una referencia externa a fonts.googleapis.com.
Además, puede haber otras referencias externas a fonts.gstatic.com para diferentes versiones como WOFF o WOFF2, según las necesidades de soporte de su navegador. Algunas de las mejores formas de incorporar las fuentes de Google en su sitio de WordPress para aumentar su velocidad incluyen:
Herramientas de complementos en WordPress
Otra forma de acelerar las fuentes de Google en WordPress, especialmente para los principiantes, es usar complementos gratuitos disponibles en WordPress.
Una de las mejores herramientas que pueden ayudarte a aumentar tu velocidad de carga es Complemento fácil de fuentes de Google. La herramienta tiene tales ventajas que actualmente cuenta con más de 300.000 instalaciones con 4,9 estrellas de valoración.
Usar código para incrustar una fuente de Google
Cabe señalar que usar el código de inserción para acelerar las fuentes de Google en WordPress es más simple y fácil en comparación con otros métodos alternativos.
Por lo tanto, el código de inserción puede ser la mejor manera de lograr sus objetivos. Ahora depende de usted qué fuente elige presentar en su sitio de WordPress.
Después de seleccionar la fuente apropiada, presione la opción etiquetada como «Personalizar».
No se sugiere omitir este paso, ya que las diferentes fuentes de Google vienen con diferentes pesos y estilos, puede personalizar las fuentes en negrita, media y regular de manera adecuada según sus requisitos.
Al elegir la fuente adecuada, recuerda que el grosor de la fuente que implementes en tu sitio web afecta el tiempo de carga de la página.
Por lo tanto, intente elegir una fuente más clara para una carga más rápida.
Después de seleccionar y ajustar la fuente, debe ubicar y presionar la opción llamada incrustar. Aquí obtendrá un código de inserción que debe copiar. Después de copiar el código de inserción, debe colocarlo en el cuerpo principal de su sitio de WordPress.
Sin embargo, es posible que incluso prefiera poner en cola las fuentes. Pero agregar código a header.php será más fácil. Luego, debe combinar estilos CSS para ayudar a su tema de WordPress a agregar fuentes de Google.
Sin embargo, si no tiene opciones de estilo CSS en el panel de administración del tema, entonces no hay nada de qué preocuparse. Puede usar complementos como JS, CSS personalizado, etc.
Alojamiento local de fuentes de Google
Si no desea seguir los pasos anteriores, hay otra forma de acelerar sus fuentes de Google en WordPress que es alojarlas localmente en su servidor.
Cuando sus clientes potenciales se encuentran en una ubicación geográfica específica y también cerca de su servidor web, el alojamiento de fuentes producirá resultados sorprendentes, no el uso de fuentes.
Las fuentes de CDN de Google son, sin duda, las mejores, sin embargo, habilitar la búsqueda de DNS y la solicitud externa puede causar retrasos.
Si no tiene acceso a un alojamiento rápido, es posible que el método no funcione correctamente. Por ejemplo, Kinsta del alojamiento de WordPress funciona con los medios de Google Cloud.
Cuando se trata de alojar fuentes de Google localmente, una plataforma gratuita comúnmente conocida como google-webfonts-helper es especialmente útil. Con él, puede descargar fuentes localmente de manera conveniente y también le permite acceder a CSS.
Pero para disfrutar de todo esto, deberá cargar las fuentes de Google descargadas en un servidor web. Luego, elimine el código de incrustación de estas fuentes de la parte del encabezado para eliminar las solicitudes externas.
Si todo va según lo planeado, su sitio de WordPress puede disfrutar de una velocidad promedio de 386 ms.
Alojamiento de fuentes de Google con CDN
Finalmente, y lo más importante, puede acelerar completamente las fuentes de Google en WordPress con CDN.
Cuando busque los servicios de un proveedor externo, puede alojar fácilmente varios recursos, como Javascript, imágenes, CSS, etc. Hay algunas preguntas sobre el resultado de usar su propia CDN en lugar de una CDN de Google.
Bueno, para responder a esa pregunta mencionando una herramienta de complemento gratuita llamada Conmutador CDN Es crucial. Copia intencionalmente las fuentes de Google de una carpeta en el servidor web llamada «fuentes» y las coloca automáticamente en KeyCDN.
Luego, el código de inserción debe modificarse un poco para garantizar que la ruta de la fuente apunte directamente a la CDN. Debería ser así: cdn.domain.com. Después de varias pruebas, los informes de velocidad promedio fueron de aproximadamente 384 ms.
/* roboto-regular - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'),
url('https://cdn.perfmatters.io/fonts/roboto-v15-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://cdn.perfmatters.io/fonts/roboto-v15-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'),
url('https://cdn.perfmatters.io/fonts/roboto-v15-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://cdn.perfmatters.io/fonts/roboto-v15-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'),
url('https://cdn.perfmatters.io/fonts/roboto-v15-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('https://cdn.perfmatters.io/fonts/roboto-v15-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
Ahora puede notar que el CDN es innegablemente rápido, pero en comparación con el CDN de Google, este último es más rápido. Quizás porque reduce la búsqueda de DNS y las conexiones externas, y también usa una conexión HTTP/2 similar.
El procedimiento es algo similar a alojar códigos CDN localmente. La parte más perfecta de este método es que promete ser más rápido y mejor en todo el mundo.
Sin embargo, también es cierto que para disfrutar de una puntuación positiva de Google CDN, es necesario estar en un mejor entorno. Además, la ubicación también es importante. Por ejemplo, los resultados serán diferentes cuando se atienda a una audiencia local o global.
Solicitud
Dado que ahora conoce bien los diversos métodos y medios para acelerar Google Fonts en WordPress, puede tomar decisiones fructíferas en función de sus circunstancias. Si prueba cada método individualmente, será más fácil seleccionar los mejores y más rápidos.
