Percorso di rendering critico

L'ottimizzazione del percorso di rendering critico attraverso l'assegnazione di priorità alla visualizzazione del contenuto correlato all'attuale azione dell'utente.

La fornitura di un'esperienza di rete veloce richiede capacità elevate da parte del browser. La maggior parte di questo lavoro è nascosto a noi sviluppatori web: scriviamo il markup e la nostra pagina viene visualizzata sullo schermo. In che modo il browser passa dall'utilizzo di HTML, CSS e JavaScript al rendering dei pixel sullo schermo?

L'ottimizzazione delle prestazioni ruota intorno alla comprensione di ciò che accade in questi passaggi intermedi tra la ricezione di byte HTML, CSS e JavaScript e l'elaborazione necessaria alla trasformazione degli stessi in pixel sottoposti a rendering, il famoso percorso di rendering critico.

rendering progressivo della pagina

Ottimizzando il percorso di rendering critico, possiamo migliorare in modo significativo il momento in cui eseguiamo il primo rendering delle nostre pagine. Inoltre, la comprensione del nostro percorso di rendering critico fungerà anche da base per la costruzione di applicazioni interattive ben performanti. Da questo emerge che il processo per l'elaborazione degli aggiornamenti interattivi è lo stesso, solo eseguito in un loop continuo e idealmente a 60 frame al secondo. Ad ogni modo, non corriamo troppo. Innanzitutto, facciamo una panoramica rapida e completa di come il browser esegue la visualizzazione di una pagina semplice.

Critical Rendering Path

Imparerai come ottimizzare la velocità di qualunque sito web approfondendo i dettagli di come un browser desktop o mobile renderizzano le pagine.

Imparerai a conoscere il Percorso di Rendering Critico, o la serie di passi che il browser deve compiere al fine di convertire HTML, CSS e JavaScript in veri e propri siti. Poi, imparerai ad esplorare e sperimentare con strumenti per misurare le performance e alcune semplici strategie per inviare allo schermo i primi pixel il più velocemente possibile. Imparerai come comprendere nel dettaglio le raccomandazioni di PageSpeed Insights e la Timeline degli strumenti per sviluppatori di Google Chrome al fine di ricavare i dati necessari per ottenere immediati miglioramenti nelle performance!

Questo è un corso gratuito offerto attraverso Udacity

Inizia il corso