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.
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
- Costruzione del modello a oggetti
- Rendering, layout e verniciatura di un albero
- CSS che blocca il rendering
- Aggiunta interattività con JavaScript
- Misurazione del percorso di rendering critico
- Analisi delle prestazioni del percorso di rendering critico
- Ottimizzazione del percorso di rendering critico
- Regole e consigli PageSpeed