Hola,
Estoy haciendo mejoras de carga en mi web y en page insights me aparece esta recomendación de google pero no sé cómo implementarla.
¿Dónde debería incluir ese código, por favor?
Muchas gracias
Hola
Lo que te sugiere Google es que el archivo de tipo de letra o fuente cargue antes de mostrarse el texto, ya que sino verás un pequeño cambio cuando cargue el texto y luego cargue la fuente.
Para hacer la precarga de la fuente te sugiere agregar ese atributo.
De manera general tendrías que ver cómo se agrega esa fuente a tu sitio, posiblemente sea parte del theme y en este caso tendrías que revisar la configuración, o bien buscar el código que carga la fuente y agregar el atributo que te sugiere Google. Si tu theme es de pago podrías igual consultar con el desarrollador.
Lo mismo para el theme sería aplicable si estas usando un plugin para agregar tipos de letra.
Saludos.
Hola,
Escribí al soporte como me indicaste, y efectivamente me han dicho en qué punto debo incluir el código
link rel="preload"
, lo adjunto en la imagen, ¿podrías decirme de qué manera escribirlo para que no haya errores de sintaxis?
Muchas gracias
Hola Daniel.
En el archivo CSS no se puede añadir, como lo tienes está bien.
Tienes que añadir lo siguiente el archivo header.php que encontrarás dentro de wp-content -> Themes -> tu_plantilla:
<link rel="preload" href="/images/icons/newsmag.oet" as="font">
El código lo tienes que añadir antes de la etiqueta </head>
Un saludo
Aunque en el error indique newsmag.woff yo tengo que poner newsmag.oet?
Hola Daniel.
Lo que puse es un ejemplo de lo que saque en la captura de la primera línea que marcas pero si te dice que es esa extensión lo cambias.
En al segunda línea si que veo que carga esa extensión, de normal las fuentes se cargan con diferentes extensiones .oet . woff.... si solo marca esta extensión añade solo esa.
Un saludo