place du css pour google insight

poeme

WRInaute discret
bonjour

je ne sais pas trop ou poster ce message, mais la vitesse de chargement des pages faisant partie du referencement google, peut etre ici
google insight me dit ceci
Votre page contient 1 ressources CSS qui bloquent l'affichage de votre page, et donc le retardent.
Aucune partie du contenu situé au-dessus de la ligne de flottaison sur votre page n'a pu être affichée avant que le chargement des ressources suivantes n'ait été terminé. Essayez de différer le chargement des ressources qui bloquent votre page, de les charger de manière asynchrone, ou d'intégrer les parties essentielles de ces ressources directement dans le code HTML.
et comme reponse ceci
Vous pouvez alors incorporer le code CSS essentiel comme ceci :

<html>
<head>
<style>
.blue{color:blue;}
</style>
</head>
<body>
<div class="blue">
Hello, world!
</div>
</body>
</html>
<link rel="stylesheet" href="small.css">

peut-on vraiment incorporer le fichier css apres la balise </html> au lieu de le mettre dans le head?
ai-je bien compris?
est-ce que que vous faites?
merci
 

poeme

WRInaute discret
merci spout
effectivement la page anglaise ne dit pas la meme chose
je trouvais ca tres etonnant
je pense que le mieux surtout qd le css n'est pas trop volumineux est d'ignorer cet avertissement insight
 

poeme

WRInaute discret
oui j'imagine
pour ta part tu t'occupe de ce probleme de css au dessus de la ligne de flottaison avec google insight ou tu laisses tomber?
 

rick38

WRInaute passionné
C'est clairement une erreur la page française.

Ils parlent de mettre ceci :

<style>
.blue{color:blue;}
</style>

au lieu d'utiliser un fichier externe, pour ce qui concerne ce qui est au-dessus de la ligne de flottaison, et un chargement asynchrone pour le reste.
C'est tellement compliqué à mettre en oeuvre que je ne l'ai personnellement jamais fait.
 

poeme

WRInaute discret
erreur je ne sais pas, en tous cas google semble preconiser de mettre une partie du css dans une balise style
perso je n'y comprend rien d'où l'objet de ma question
et ma reponse comme toi va etre de laisser tomber
 

ortolojf

WRInaute accro
Pardon Monsieur

D'après Google, il faudrait mettre en inline le css dédié au haut de la page, et puis charger le reste dans un fichier css déclenché en bas de page.

Ceci, pour que le contenu visuel soit interprétable rapidement par les browsers.

J'ai fait celà pour mon site ( et même le fichier css chargé en mode Javascript ), mais bien que le chargement soit optimisé, j'ai encore du 300 à 600 ms/page d'après GA.

Et le même message de Google.

Respectueusement.
 

Discussions similaires

Haut