Reporter le javascript et afficher le contenu provisoire lors du chargement initial de la page

Ceci est probablement déjà bloqué par Chrome Speed - Largest Contentful Paint Bug Fixes in M88 :

Les images plein écran, qui sont visuellement équivalentes aux images d’arrière-plan, ne sont plus considérées comme le plus grand élément d’affichage de contenu (largest contentful paint).


Bon point : voir Largest Contentful Paint (LCP)  |  Articles  |  web.dev

Pour les éléments de texte, seule la taille de leurs nœuds de texte est prise en compte (le plus petit rectangle qui englobe tous les nœuds de texte).

Pour tous les éléments, les marges, le rembourrage ou les bordures appliqués via CSS ne sont pas pris en compte.

  • C’est pourquoi le nœud de texte statique doit être rendu exactement de la même taille que le nœud de texte EmberJs.
  • Ou même légèrement plus grand en augmentant la line-height.
    Par exemple, si la largeur des nœuds de texte ne correspond pas, il existe de nombreux cas géométriques introduits par différents sauts de ligne où le nœud de texte statique devient plus petit que celui d’EmberJs.

Voir : Exemples LCP


J’ai en fait utilisé le rendu noscript des publications à l’intérieur d’une page de sujet. Les classes CSS correspondent légèrement aux vraies - donc l’apparence est égale.

Voir : Changements apportés à app/views/layouts/application.html.erb

Edit : Ma faute, c’est en fait la vue crawler : app/views/topics/show.html.erb

2 « J'aime »