Data di pubblicazione: 31 marzo 2014
L'ottimizzazione del percorso di rendering critico si riferisce alla definizione della priorità della visualizzazione dei contenuti correlati all'azione corrente dell'utente.
Offrire un'esperienza web veloce richiede molto lavoro da parte del browser. La maggior parte di questo lavoro è nascosto agli sviluppatori web: scriviamo il markup e appare sullo schermo. Ma come fa esattamente il browser a passare dall'utilizzo di HTML, CSS e JavaScript alla visualizzazione di pixel sullo schermo?
L'ottimizzazione per il rendimento consiste nel comprendere cosa accade in questi passaggi intermedi tra la ricezione dei byte HTML, CSS e JavaScript e l'elaborazione necessaria per trasformarli in pixel visualizzati, ovvero il percorso di rendering critico.
Ottimizzando il percorso di rendering critico possiamo migliorare notevolmente al primo rendering delle nostre pagine. Inoltre, la comprensione del percorso di rendering critico è alla base anche della creazione di applicazioni interattive con un buon rendimento. La procedura di aggiornamento interattivo è la stessa, ma viene eseguita in un loop continuo e, idealmente, a 60 frame al secondo. Innanzitutto, una panoramica di come il browser visualizza una pagina semplice.
Risorse aggiuntive
- Costruzione del modello di oggetti
- Costruzione, layout e pittura della struttura di rendering
- CSS di blocco del rendering
- Aggiungere interattività con JavaScript
- Misurazione del percorso di rendering critico
- Analisi del rendimento del percorso di rendering critico
- Ottimizzare il percorso di rendering fondamentale
- Regole e consigli di PageSpeed