Thumb senza aspect-ratio e lazy su LCP candidate
Il browser sceglie come LCP un’immagine fuori viewport per timing di decode/render.
Il team SEO vedeva ranking stabili ma conversione mobile in calo: pagespeed ecommerce interno mostrava PLP in rosso su largest contentful paint e mini-cart che spostava il layout (cumulative layout shift). Intervento su immagini griglia, drawer carrello e ottimizzazione prestazioni ecommerce lato tema: +41% URL catalogo in good mobile CrUX e −35% abbandono checkout step 1 (stesso mix traffico).
Contesto
WooCommerce con page builder sulle PLP: molte immagini senza width/height, CLS quando si apre il riepilogo carrello e INP alto su filtri AJAX.
Il team leggeva pagespeed insights su singole URL ma mancava correlazione con velocità sito ecommerce reale su segmenti mobile Italia.
Search Intent Labs raggruppa query «shop veloce» su intent commercial/navigational misti — utile per H2 che parlano sia a founder sia a dev (vedi FAQ schema).
I volumi overview su core web vitals e pagespeed insights fungono da head term informativi; ottimizzazione ecommerce e ecommerce veloce ancorano lato commerciale italiano a volume più basso ma allineato all’incarico.
Diagnosi
Il browser sceglie come LCP un’immagine fuori viewport per timing di decode/render.
Elementi iniettati dopo onload spostano CTA «paga ora» su mobile.
Re-render sincrono di centinaia di card senza virtualizzazione leggera.
Metodo
sizes corretti, fetchpriority sul primo above-the-fold, blur-up opzionale; srcset per breakpoint reali del traffico.
Altezza riservata per banner; mini-cart in portal con contain; evitare insert DOM sopra CTA checkout.
requestIdleCallback per patch DOM; stato filtro in URL per cache server-side dove possibile.
Risultati
Stack
Apprendimenti
Non misurare solo homepage. Il revenue vive su PLP/PDP: lì deve vivere il budget LCP.
Checkout è sensitivo al CLS anche se poche pageview. Il costo per sessione è altissimo.
FAQ
«Lcp ecommerce scheda prodotto» in Labs è navigational: cosa implica?
Probabilità navigational ~0,901: molte SERP cercano guide o tool predefiniti — il case study qualifica con prove su URL reali e template WooCommerce, non definizioni generiche.
Shopify invece di Woo?
Il metodo resta; qui lo stack è Woo + CDN immagini — i pattern PLP/PDP sono trasferibili con adattamenti tema.
Serve AMP?
No nel caso: priorità su markup immagini, JS filtri e layout stabile — meno superfici, più controllo.
Audit PLP/PDP con stima impatto su conversione mobile.
Richiesta progetto
Compila il form: riceverò contesto, obiettivi e vincoli per una prima lettura tecnica e commerciale.
Call strategica · 45 min
Scegli data e orario, compila i campi e conferma. Riceverai un riepilogo via email — il collegamento al calendario esterno verrà attivato in un secondo momento.