Percorso di rendering critico

Ilya Grigorik
Ilya Grigorik

L'ottimizzazione del percorso di rendering critico consiste nell'assegnare una priorità alla visualizzazione dei contenuti relativi all'azione corrente dell'utente.

Offrire un'esperienza web veloce richiede molto lavoro da parte del browser. La maggior parte di questo lavoro è nascosta a noi sviluppatori web: scriviamo il markup e sullo schermo appare una bella pagina. Ma in che modo il browser passa dal consumo di codice HTML, CSS e JavaScript al rendering dei pixel sullo schermo?

L'ottimizzazione delle prestazioni dipende dalla comprensione di cosa accade in questi passaggi intermedi tra la ricezione dei byte HTML, CSS e JavaScript e l'elaborazione necessaria per trasformarli in pixel di rendering, questo è il percorso di rendering critico.

rendering progressivo delle pagine

Ottimizzando il percorso di rendering critico possiamo migliorare notevolmente i tempi di rendering delle nostre pagine. Inoltre, la comprensione del percorso di rendering critico è anche di base per la creazione di applicazioni interattive con prestazioni efficaci. Il processo di aggiornamento interattivo è lo stesso, ma viene eseguito a ciclo continuo e idealmente a 60 frame al secondo. Prima però, una panoramica di come il browser visualizza una pagina semplice.

Altre risorse

Feedback