Individuare quale elemento causa uno spostamento visivo della pagina in Chrome

Se un pulsante salta mentre la pagina si carica, può esserci uno spostamento causato da un’immagine, un font o un banner.

Prima di iniziare

Apri gli strumenti per sviluppatori di Chrome sul sito da verificare. Per prove che coinvolgono sessioni e preferenze, usa un profilo dedicato.

Procedura

1. Registra il caricamento nel pannello Prestazioni.
2. Cerca gli eventi Layout shifts e seleziona quello vicino al movimento osservato.
3. Controlla gli elementi evidenziati e il fotogramma prima e dopo lo spostamento.

Controllare il risultato

Ripeti con la stessa larghezza dopo la modifica e confronta l’evento specifico nel tracciato.

Guide Xlogic correlate

• LiteSpeed Cache per WordPress: configurazione consigliata su Xlogic

Fonti tecniche

• Documentazione ufficiale · developer.chrome.com