Descubre en este tutorial cómo mejorar la velocidad de carga de Google Fonts en tu child theme de Genesis con un simple snippet de código.
La mayoría de temas de Genesis llevan por defecto alguna Google Font incorporada, ya que son gratuitas y de calidad.
¿El problema?
Que la petición que se realiza a sus servidores junto con la descarga de la fuente requiere varios milisegundos.
¿La buena noticia?
Hace poco Google permitió empezar a usar font-display en sus fuentes, lo cual elimina la necesidad de descargarlas y te ahorra varios milisegundos.
Y ya sabes que cada milisegundo en el tiempo de carga de una web cuenta.
De hecho, las últimas versiones de Genesis Sample (3.0 o superiores) ya incluyen esta mejora.
Sin embargo, es posible que el child theme que estás utilizando tú, o tu cliente, aún no esté aprovechándose de esta nueva propiedad.
¿Es tu caso? Tiene fácil fácil solución. 😉
Snippet para reducir el tiempo de carga de las Google fonts en tu child theme de Genesis
Lo único que debes hacer es añadir un parámetro al final de la URL en la que se hace la petición de las fuentes, concretamente:
Para ver este código y los más de 697 snippets,
puedes identificarte o suscribirte.
Es decir, localiza donde se «encolan» las fuentes (normalmente en functions.php) e introduce el parámetro anterior al final de la URL.
Ya lo ves. Más sencillo, imposible. 🙂
Conclusión
Si estás utilizando un child themes de Genesis que utiliza Google Fonts, asegúrate de que introducir la opción de display-font para mejorar la velocidad de carga (si no la tiene ya incorporada).
¿Tienes alguna pregunta o quieres darme una sugerencia para próximos tutoriales? Déjala en los comentarios.
Ventajas de ser suscriptor.
