App web istantanee per dispositivi mobili
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Il percorso di rendering critico si riferisce a qualsiasi elemento (JavaScript, HTML, CSS, immagini) richiesta dal browser prima che sia possibile iniziare a dipingere la pagina. Assegnare la priorità agli asset nel percorso di rendering critico è fondamentale, in particolare per gli utenti che utilizzano dispositivi con limitazioni di rete, come gli smartphone nelle reti mobili. Bryan ha parlato di come il team di Google ha svolto la procedura di identificazione e di prioritizzazione delle risorse per il sito web PageSpeed Insights, passando da un tempo di caricamento di 20 secondi a poco più di 1 secondo.
Presentazioni
- Elimina JavaScript e CSS che bloccano la visualizzazione.
- Dai la priorità ai contenuti visibili.
- Carica gli script in modo asincrono.
- Visualizza la visualizzazione iniziale lato server come HTML e aumenta con JavaScript.
- Riduci al minimo il CSS che blocca il rendering; pubblica solo gli stili necessari per visualizzare l'area visibile iniziale, quindi pubblica gli altri.
- Gli URI di dati di grandi dimensioni incorporati nel CSS che blocca il rendering sono dannosi per le prestazioni di rendering; bloccano le risorse in cui gli URL delle immagini non vengono bloccati.
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 2025-07-25 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 2025-07-25 UTC."],[],["The core content discusses optimizing the Critical Rendering Path (CRP) for faster page load times. Key actions include eliminating render-blocking JavaScript and CSS, prioritizing visible content, loading scripts asynchronously, and rendering the initial view server-side as HTML. Minimizing render-blocking CSS by delivering only initial viewport styles is crucial. Large data URIs inlined within blocking CSS negatively impacts performance, unlike image URLs. These steps were used to significantly improve the PageSpeed Insights website's load time.\n"]]
