Data di pubblicazione: 31 marzo 2014
L'ottimizzazione del percorso di rendering critico significa dare priorità alla 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 è nascosta a noi sviluppatori web: scriviamo il markup e sullo schermo viene visualizzata una pagina piacevole. Ma come fa esattamente il browser a passare dall'utilizzo di HTML, CSS e JavaScript alla visualizzazione di pixel sullo schermo?
Per ottimizzare il rendimento occorre comprendere cosa succede in queste passaggi intermedi tra la ricezione dei byte HTML, CSS e JavaScript l'elaborazione richiesta per convertirli in pixel visualizzati, il percorso di rendering critico.
Ottimizzando il percorso di rendering critico possiamo migliorare notevolmente al primo rendering delle nostre pagine. Inoltre, la comprensione dei punti critici il percorso di rendering è anche la base per la creazione di un'architettura applicazioni interattive. Il processo di aggiornamento interattivo è lo stesso, viene eseguito in un loop continuo, 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 che blocca il rendering
- Aggiungere 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 di PageSpeed