Que signifient les pourcentages concernant le contenu au-dessus de la ligne de flottaison?

UPD J'ai lu attentivement les pages liées, elles ne répondent pas à ma question particulière. Que signifient les pourcentages? Eh bien, il y a une explication à attempt:Que signifient les pourcentages concernant le contenu au-dessus de la ligne de flottaison?

page de perspectives Google vous diront clairement combien de% de la teneur en se référant css au-dessus du pli est en cours de chargement trop tard et la page aurait été rendue plus tôt.

Mais ce n'est pas du tout plus clair que ce que dit PageSpeed. Si du tout correct.

J'ai une page avec tous mes inline dans la css tête (pas encore beaucoup sans doute, 12K) et seulement une feuille de style externe factice à la fin de la balise body:

<!doctype html> 
<html><head> 
    ...<style>...</style>... 
</head><body> 
    ... 
    <link rel="stylesheet" href="1.css"> 
    <script src="..."></script> 
    <script src="..."></script> 
    <script src="..."></script> 
</body></html>

1.css :

.not-used-selector {color: red;}

PageSpeed me dit:

Environ 55% de ce qui précède, la fo Le contenu ld sur votre page pourrait être rendu sans attendre le chargement des ressources suivantes. Essayez de reporter ou de charger de manière asynchrone des ressources bloquantes, ou d'intégrer directement les portions critiques de ces ressources dans le code HTML.

Optimize CSS livraison des produits suivants:

https://.../1.css

Que signifient-ils de 55%? Lorsque je supprime la feuille de style externe de la page, la plainte semble avoir disparu, mais que signifie exactement ce nombre?

Source

2017-08-20 x-yuri

La question et les réponses liées expliquent ce que signifie «contenu au-dessus de la ligne de flottaison». Appliquez-le maintenant à ce que PageSpeed vous dit: «Environ 55% du contenu au-dessus de la ligne de flottaison sur votre page pourrait être rendu ...», ce qui signifie que le contenu considéré au-dessus de la ligne de flottaison rendu sans CSS externe mais doit encore attendre le chargement du CSS externe. Cela devrait vous indiquer les possibilités de différer le chargement du CSS et/ou de rendre le contenu au-dessus de la ligne de flottaison indépendant du CSS externe. – orip

Ils répondent bien à ce qu'est le "contenu au-dessus de la ligne de flottaison". Ce n'est pas la question. PageSpeed indique que 55% du contenu au-dessus de la ligne de flottaison peut être rendu sans attendre que la seule feuille de style externe sur la page soit chargée. Cela signifie que 45% du contenu au-dessus de la ligne de flottaison nécessite cette feuille de style. Ce qui n'est pas du tout l'arbre. La feuille de style contient un sélecteur qui n'est jamais utilisé. Donc, je suppose que le nombre signifie quelque chose d'autre. Ou je ne comprends pas le message. –

@mplungjan J'ai expliqué comment ma question est différente. S'il vous plaît, rouvrez-le. –

Le contenu au-dessus de la ligne de flottaison est la partie d'une page que vous pouvez voir sans la faire défiler vers le bas (le plus haut). Combien cela dépend de l'appareil, la taille du navigateur, vous le nommez.

"Environ 55% du contenu au-dessus de la ligne de flottaison sur votre page pourrait être rendu sans attendre le chargement des ressources suivantes" signifie simplement cela. En d'autres termes, "les ressources suivantes" ont des règles CSS à appliquer à 45% de cette partie de la page (contenu au-dessus de la ligne de flottaison). Le reste (55%) n'a pas besoin de feuilles de style externes. Et il est probablement judicieux de déplacer ces règles vers la page elle-même et de différer le chargement des feuilles de style externes. Pour que le contenu au-dessus de la ligne de flottaison puisse être rendu sans attendre le chargement des feuilles de style. C'est juste que le nombre (45%) peut être grossièrement inexact.

Source

2017-09-16 11:12:18

Que signifient les pourcentages concernant le contenu au-dessus de la ligne de flottaison?

Répondre

Questions connexes