Risorse che bloccano il rendering
File di stile e di script che il browser deve scaricare ed elaborare prima di poter mostrare la pagina sullo schermo.
- 01
Perché è importante
Ogni file di stile caricato in cima alla pagina e ogni script per cui attende ritardano il primo contenuto. Incorporare gli stili critici, caricare il resto dopo e posticipare gli script accorciano questa attesa. L'effetto è particolarmente visibile sui dispositivi mobili e sulle connessioni lente.
- 02
Esempio
Lo script di un widget di chat caricato in cima a un sito ritarda di un secondo la comparsa della pagina. Una volta posticipato lo script, la pagina appare subito e il pulsante della chat arriva qualche secondo dopo.
- 03
Errore comune
Posticipare tutti gli stili. Senza gli stili critici la pagina prima appare senza stile e poi cambia improvvisamente; gli stili necessari per il primo schermo devono essere caricati subito.
- 04
Termini correlati
- FCP · Prima visualizzazione dei contenuti
- Minificazione
- LCP · Tempo di caricamento del contenuto principale
Servizi e guide correlati
Parliamo del tuo progetto.
Raccontaci la tua esigenza; definiremo insieme l'ambito.