Houssein Djirdeh
PRPL è un acronimo che descrive un pattern utilizzato per velocizzare il caricamento e la riattivazione delle pagine web:
- Precarica le risorse scoperte in un secondo momento.
- Esegui il rendering del percorso iniziale il prima possibile.
- Pre-cache gli asset rimanenti.
- Carica lentamente altre route e asset non critici.
In questa guida scoprirai come ogni una di queste tecniche si combina con le altre, ma può essere utilizzata anche in modo indipendente per ottenere risultati in termini di rendimento.
Controllare la pagina con Lighthouse
Esegui Lighthouse per identificare le opportunità di miglioramento in linea con le tecniche PRPL:
- Premi "Ctrl+Maiusc+J" (o "Comando+Opzione+J" su Mac) per aprire DevTools.
- Fai clic sulla scheda Lighthouse.
- Seleziona le caselle di controllo Rendimento e App web progressive.
- Fai clic su Esegui controlli per generare un report.
Per saperne di più, consulta Scoprire le opportunità di rendimento con Lighthouse.
Precarica le risorse critiche
Lighthouse mostra il seguente controllo non riuscito se una determinata risorsa viene analizzata e recuperata in ritardo: