Bonjour à tous,
Cela fait des jours que j'essaie de résoudre un problème avec Google PageSpeed Insights.
Lorsque je scanne ma page, j'obtiens ce message :
"Éliminez les ressources qui bloquent le rendu.
Des ressources bloquent la première visualisation (first paint) de votre page. Envisagez de diffuser des feuilles de styles JS/CSS essentielles en ligne et de différer la diffusion de toutes les feuilles de styles JS/non essentielles.
Pour l'instant, l'en-tête de mon site est le suivant, en haut de la balise <head>
mais j'ai deja essaye une multitude de chose sans que rien ne fonctionne
Cela fait des jours que j'essaie de résoudre un problème avec Google PageSpeed Insights.
Lorsque je scanne ma page, j'obtiens ce message :
"Éliminez les ressources qui bloquent le rendu.
Des ressources bloquent la première visualisation (first paint) de votre page. Envisagez de diffuser des feuilles de styles JS/CSS essentielles en ligne et de différer la diffusion de toutes les feuilles de styles JS/non essentielles.
Pour l'instant, l'en-tête de mon site est le suivant, en haut de la balise <head>
Code:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous" defer>
Code:
<script>
const link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css';
document.head.appendChild(link);
</script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous" media="print">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" async>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous" defer>