Ottimizzazione del percorso di rendering critico
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Per garantire il tempo più rapido possibile per la prima
visualizzazione, dobbiamo ridurre al minimo tre variabili:
- Il numero di risorse critiche.
- La lunghezza del percorso critico.
- Il numero di byte critici.
Una risorsa critica è una risorsa che potrebbe bloccare il rendering iniziale della pagina. Minore è il numero di queste risorse, minore è il lavoro per il browser, la CPU e altre risorse.
Allo stesso modo, la lunghezza del percorso critico è una funzione del grafico delle dipendenze tra le risorse critiche e le relative dimensioni in byte: alcuni download di risorse possono essere avviati solo dopo che una risorsa precedente è stata elaborata e più è grande la risorsa, maggiore è il numero di round trip necessari per il download.
Infine, minore è il numero di byte critici che il browser deve scaricare, più rapidamente potrà elaborare i contenuti e renderli visibili sullo schermo. Per ridurre il numero di byte, possiamo ridurre il numero di risorse (eliminarle o renderle non critiche) e garantire di ridurre al minimo le dimensioni di trasferimento comprimendo e ottimizzando ogni risorsa.
La sequenza generale dei passaggi per ottimizzare il percorso di rendering critico è la seguente:
- Analizza e caratterizza il percorso critico: numero di risorse, byte, lunghezza.
- Riduci al minimo il numero di risorse critiche: eliminale, posticipa il loro download, contrassegnale come asincrone e così via.
- Ottimizza il numero di byte critici per ridurre il tempo di download (numero di round trip).
- Ottimizza l'ordine di caricamento delle risorse critiche rimanenti: scarica tutte le risorse critiche il prima possibile per ridurre la lunghezza del percorso critico.
Feedback
Salvo quando diversamente specificato, i contenuti di questa pagina sono concessi in base alla licenza Creative Commons Attribution 4.0, mentre gli esempi di codice sono concessi in base alla licenza Apache 2.0. Per ulteriori dettagli, consulta le norme del sito di Google Developers. Java è un marchio registrato di Oracle e/o delle sue consociate.
Ultimo aggiornamento 2014-03-31 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Mancano le informazioni di cui ho bisogno"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Troppo complicato/troppi passaggi"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Obsoleti"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problema di traduzione"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Problema relativo a esempi/codice"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Altra"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Facile da capire"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Il problema è stato risolto"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Altra"
}]
{"lastModified": "Ultimo aggiornamento 2014-03-31 UTC."}
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2014-03-31 UTC."]]