Notice: Undefined index: logo in /home/jordijuan/public_html/wp-content/plugins/seo-by-rank-math/includes/modules/schema/snippets/class-publisher.php on line 40

Carregar correctament les Google Fonts

Google és realment sorprenent. Les seues ferramentes són bàsicament les que més penalitzen a l’hora de fer un anàlisi en PageSpeed Insights (altra eina de Google)..

La utilització d’una de les seues populars tipografies, si no s’implementa correctament, serà motiu de penalització en l’optimització de la pàgina. En fi….

Ací vos pose un exemple per a carregar la font Fira Sans. Cal inserir aquest codi entre les etiquetes <head> i </head> del vostre lloc web:

<head>

<!-- Preconectem a Google Fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<!-- Li donem prioritat per a que carregue la font -->
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@200&display=swap">

<!-- Carreguem Asíncronament -->
<link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@200&display=swap">

<!-- Per als navegadors amb Javascript desactivat -->
<noscript>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@200&display=swap">
</noscript>

</head>

Altra forma:

<link rel="preconnect" href="https://fonts.gstatic.com/"><link href="https://fonts.googleapis.com/css?family=Muli:400" rel="stylesheet">

Leave a Reply

Información básica sobre protección de datos Ver más

  • Responsable Jordi Juan Pérez.
  • Finalidad  Moderar los comentarios. Responder las consultas.
  • Legitimación Su consentimiento.
  • Destinatarios  Evidalia Hosting.
  • Derechos Acceder, rectificar y suprimir los datos.
  • Información Adicional Puede consultar la información detallada en la Política de Privacidad.

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de sus datos para estos propósitos. Ver Política de cookies
Privacidad