0

Durante varios meses he estado usando el código Javascript de Google WebFontLoader para cargar de forma asíncrona las fuentes de Inter y Nunito de Google Fonts:

WebFontConfig = {
    google: {
      families: ["Inter:300,400,500,600,700", "Nunito:500"]
    }
  };
  
  (function (d) {
    var wf = d.createElement("script"),
      s = d.scripts[0];
    wf.src = "https://cdnjs.cloudflare.com/ajax/libs/webfont/1.6.28/webfontloader.js";
    wf.async = true;
    s.parentNode.insertBefore(wf, s);
  })(document);

Pero no tengo dudas de en cual es más rápida la carga. Será usando preconnect en el HTML? Gracias de antemano.

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Nunito:wght@500&display=swap" rel="stylesheet">

1 respuesta 1

1

WebFontLoader puede ser más efectivo para mejorar la velocidad de carga de las fuentes de Google Fonts en sitios web más grandes y complejos, donde se pueden requerir soluciones más avanzadas para manejar el proceso de carga de las fuentes. Sin embargo, en sitios web más simples, la atributo rel="preconnect puede ser suficiente para mejorar significativamente la velocidad de carga de las fuentes.

1
  • Entiendo, muchas gracias! Commented el 15 abr. 2023 a las 15:37

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.