• Ir a navegación principal
  • Ir al contenido principal
Código Genesis

Código Genesis

Tutoriales para Genesis Framework y WordPress

  • Empieza aquí
  • Acceder
  • Cuenta
    • Suscripción
    • Perfil
    • Actualizar tarjeta
    • Favoritos
    • Salir
  • Suscribirse

Mejorar el tiempo de carga de Google Fonts usando la propiedad font-display

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 otros 1307 snippets de esta web,
identifícate o suscríbete aquí.

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.

Fuentes Genesis Framework PHP

Nahuai Badiola - CEO

Desarrollador web especializado en WordPress y Genesis Framework. Me encanta contribuir a la comunidad de WordPress y Genesis dando charlas en WordCamps, organizando eventos, traduciendo temas y plugins… más sobre mí.

Para dejar dudas o preguntas sobre este código,
puedes identificarte o suscribirte.

  • Empieza aquí
  • Sobre Código Genesis
  • Preguntas frecuentes
  • Contacto
  • Legal

¿Has olvidado tu contraseña?