Questo è probabilmente già bloccato da https://chromium.googlesource.com/chromium/src/+/master/docs/speed/metrics_changelog/2020_11_lcp.md:
Le immagini a schermo intero, che sono visivamente equivalenti alle immagini di sfondo, non sono più considerate come il largest contentful paint
Buon punto: vedi Largest Contentful Paint (LCP) | Articles | web.dev
Per gli elementi di testo, viene considerata solo la dimensione dei loro nodi di testo (il rettangolo più piccolo che racchiude tutti i nodi di testo).
Per tutti gli elementi, eventuali margini, padding o bordi applicati tramite CSS non vengono considerati.
- Ecco perché il nodo di testo statico deve essere renderizzato esattamente della stessa dimensione del nodo di testo EmberJs.
- O anche leggermente più grande aumentando il
line-height.
Ad esempio, se la larghezza dei nodi di testo non corrisponde, ci sono molti casi geometrici introdotti da diverse interruzioni di riga in cui il nodo di testo statico diventa più piccolo di quello EmberJs.
Vedi: Esempi LCP
In realtà ho usato il rendering noscript dei post all’interno di una pagina argomento. Le classi CSS corrispondono leggermente a quelle reali, quindi l’aspetto è uguale.
Vedi: Modifiche a app/views/layouts/application.html.erb
Modifica: Colpa mia, questa è in realtà la vista crawler: app/views/topics/show.html.erb