Scopri i problemi relativi alle prestazioni del rendering

Sofia Emelianova
Sofia Emelianova
Kayce Basques
Kayce Basques

Scopri i problemi di prestazioni di rendering con questo riferimento alle opzioni correlate al rendimento nella scheda Rendering.

Evidenziare le aree ridipinte con un aggiornamento della vernice

Se questa opzione è attiva, Chrome fa lampeggiare lo schermo in verde ogni volta che viene eseguita la nuova colorazione.

Per visualizzare le aree in cui viene applicata una nuova vernice:

  1. Apri la scheda Rendering in questa demo e seleziona Sfarfallio della vernice.
  2. Osserva la nuova colorazione evidenziata in verde.
Aree da colorare lampeggianti

Se in un'altra pagina vedi l'intero schermo lampeggiare di verde o aree dello schermo che non pensavi dovessero essere colorate, valuta la possibilità di effettuare ulteriori accertamenti.

Evidenzia le regioni con variazioni di layout

I spostamenti del layout causano ridisegni imprevisti e possono essere non solo fastidiosi, ma anche dannosi.

Uno screencast che mostra in che modo l'instabilità del layout può incidere negativamente sugli utenti.

Per visualizzare la posizione e la tempistica dei cambiamenti di layout in una pagina:

  1. Apri la scheda Rendering e seleziona Regioni con variazioni di layout.

  2. Aggiorna la pagina. Le aree con variazioni di layout vengono evidenziate brevemente in viola.

Variazione del layout

Visualizzare i livelli e i riquadri con i bordi dei livelli

Utilizza Bordi dei livelli per visualizzare un overlay di bordi dei livelli e riquadri nella parte superiore della pagina.

Per attivare i bordi dei livelli:

  1. Apri la scheda Rendering e seleziona Bordi livello.
  2. Osserva i bordi del livello in arancione e verde oliva e le tessere in turchese.