Dashboard di Experience Audit experience-audit-dashboard
Scopri in che modo l’audit dell’esperienza convalida il processo di distribuzione e garantisce che le modifiche implementate soddisfino gli standard di base in termini di prestazioni, accessibilità, best practice e SEO tramite un’interfaccia dashboard chiara e informativa.
Panoramica overview
L’audit dell’esperienza convalida il processo di distribuzione e garantisce che le modifiche implementate:
-
soddisfino gli standard di base per prestazioni, accessibilità, best practice, SEO (Search Engine Optimization) e PWA (app web progressiva);
-
non introducano regressioni.
La funzione Audit dell’esperienza in Cloud Manager garantisce che l’esperienza dell’utente sul sito sia conforme agli standard più elevati.
I risultati dell’audit sono informativi e consentono agli utenti con ruolo Responsabile dell’implementazione di visualizzare i punteggi e cosa è cambiato tra i punteggi correnti e precedenti. Questa informazione è utile per determinare l’eventuale introduzione di una regressione con la distribuzione corrente.
L'audit dell'esperienza è basato su Google Lighthouse, uno strumento open source di Google, ed è abilitato in tutte le pipeline di produzione di Cloud Manager.
Disponibilità availability
L’audit dell’esperienza è disponibile per Cloud Manager:
- Pipeline di produzione dei siti, per impostazione predefinita
- Sviluppo di pipeline full stack, facoltativamente
- Sviluppo di pipeline front-end, facoltativamente
Per ulteriori informazioni su come configurare il controllo di audit per gli ambienti facoltativi, vedere la sezione Configurazione.
I controlli di audit vengono eseguiti come parte della pipeline. I controlli di audit possono anche essere eseguiti su richiesta al di fuori delle pipeline.
Configurazione configuration
L’audit dell’esperienza è disponibile per impostazione predefinita per le pipeline di produzione. Facoltativamente, può essere abilitato per lo sviluppo di pipeline full stack e front-end. In tutti i casi, è necessario definire quali percorsi di contenuto vengono valutati durante l’esecuzione della pipeline.
-
A seconda del tipo di pipeline che desideri configurare, segui le istruzioni riportate di seguito:
- Aggiungi una nuova pipeline di produzione, se desideri definire i percorsi da valutare dal controllo di audit.
- Aggiungi una nuova pipeline non di produzione se desideri abilitare il controllo di audit su una pipeline front-end o di sviluppo full-stack.
- Oppure puoi modificare una pipeline esistente, e aggiornare le opzioni esistenti.
-
Se stai aggiungendo o modificando una pipeline non di produzione per la quale desideri utilizzare l'audit dell'esperienza, devi selezionare la casella di controllo Audit dell'esperienza nella scheda Codice Source.
- Questo è necessario solo per le pipeline non di produzione.
- La scheda Audit dell'esperienza viene visualizzata quando la casella di controllo è selezionata.
-
Sia per le pipeline di produzione che per quelle non di produzione, puoi definire i percorsi da includere nell’audit dell’esperienza nella scheda Audit dell’esperienza.
- I percorsi delle pagine devono iniziare con
/e sono relativi al sito. - Ad esempio, se il sito è
wknd.sitee si desidera includerehttps://wknd.site/us/en/about-us.htmlnell'audit dell'esperienza, immettere il percorso/us/en/about-us.html.
- I percorsi delle pagine devono iniziare con
-
Tocca o fai clic su Aggiungi pagina e il percorso viene completato automaticamente con l'indirizzo dell'ambiente e aggiunto alla tabella dei percorsi.
-
Continua ad aggiungere i percorsi che desideri ripetendo i due passaggi precedenti.
- Puoi aggiungere fino a un massimo di 25 percorsi.
- Se non definisci alcun percorso, per impostazione predefinita la pagina Home del sito viene inclusa nell’audit dell’esperienza.
-
Per salvare la pipeline, fai clic su Salva.
Risultati dell’audit dell’esperienza results
I risultati dell'audit dell'esperienza sono presentati nella fase Test dello staging della pipeline di produzione tramite la pagina di esecuzione della pipeline di produzione.
L'audit dell'esperienza fornisce i punteggi medi di Google Lighthouse per le pagine configurate e la differenza di punteggio rispetto all'analisi precedente.
Da questa visualizzazione di riepilogo nella fase Test dello staging della pipeline, sono disponibili due opzioni:
Oltre al riepilogo presentato nei dettagli di un'esecuzione della pipeline, puoi anche accedere direttamente ai risultati completi del controllo di audit utilizzando la scheda Rapporti del dashboard di Cloud Manager per accedere direttamente a il rapporto completo.
- Per informazioni dettagliate sul funzionamento del controllo di audit, vedere la sezione Dettagli sulla valutazione del controllo di audit dell'esperienza.
- Se desideri sapere come eseguire un audit dell'esperienza su richiesta, consulta la sezione Rapporti di audit on demand.
- In caso di problemi con il controllo di audit, consulta la sezione Problemi rilevati dal controllo di audit dell'esperienza.
- Per suggerimenti generali sulle prestazioni, vedere la sezione Suggerimenti generali sulle prestazioni.
Visualizza pagine più lente view-slowest-pages
Toccando o facendo clic su Visualizza pagine più lente si apre la finestra di dialogo 5 pagine più lente, in cui sono visualizzate le cinque pagine con le prestazioni più basse configurate per il controllo.
I punteggi sono suddivisi per Prestazioni, Accessibilità, Best practice e SEO insieme alla deviazione di ogni metrica dall'ultimo controllo di audit.
Per impostazione predefinita, la finestra di dialogo si apre con i punteggi per i dispositivi mobili. Puoi modificare i punteggi del desktop con l'interruttore Dispositivi nella parte superiore della finestra di dialogo.
La finestra di dialogo offre una panoramica rapida. Per informazioni dettagliate, tocca o fai clic su Visualizza report completo.
Visualizza report completo view-full-report
Per visualizzare il rapporto completo sull’audit dell’esperienza:
- Tocca o fai clic su Visualizza report completo nella finestra di dialogo 5 pagine più lente.
- Tocca o fai clic su Visualizza report completo durante la visualizzazione della esecuzione di una pipeline.
- Tocca o fai clic sulla scheda Rapporti in Cloud Manager.
È stata aperta la scheda Rapporti di Cloud Manager, che mostra Audit dell'esperienza.
La relazione si articola in due aree:
Punteggi pagina - tendenza trend
Per impostazione predefinita, la visualizzazione selezionata per Punteggi pagina - tendenza è Punteggi mediani per Ultimi 6 mesi.
Utilizza i menu a discesa Seleziona e Visualizza nella parte superiore e inferiore del pulsante del grafico per selezionare rispettivamente i dettagli specifici della pagina e i diversi intervalli di tempo. Tocca o fai clic sul pulsante e sul pulsante aggiorna tendenza nella parte superiore del grafico per applicare le selezioni e aggiornare il grafico.
Quando si sposta il mouse sul grafico, una descrizione comando visualizza i valori per le categorie di Google Lighthouse in specifici momenti nel tempo.
Se tocchi o fai clic sul grafico in un determinato momento, viene visualizzato un messaggio con i dettagli della scansione. Tocca o fai clic su apri analisi audit esperienza per caricare i risultati dell'analisi nella sezione Risultati analisi audit esperienza.
Risultati analisi audit esperienza scan-results
La sezione Risultati dell'analisi dell'audit dell'esperienza fornisce consigli su come migliorare il punteggio e i dettagli di tutte le pagine digitalizzate. È diviso in due sezioni:
Consigli recommendations
La sezione Recommendations mostra un set aggregato di approfondimenti. Per impostazione predefinita, vengono visualizzati i consigli per prestazioni. Utilizza il menu a discesa accanto all'intestazione Recommendations per passare a un'altra categoria.
Tocca o fai clic sulla freccia per visualizzare i dettagli di qualsiasi consiglio.
Quando disponibili, i dettagli espansi dei consigli contengono anche la percentuale di impatto dei consigli, per concentrarti sui cambiamenti più incisivi.
Tocca o fai clic sul collegamento visualizza pagine nella visualizzazione dei dettagli per visualizzare le pagine a cui si applica il consiglio.
Pagine digitalizzate scanned-pages
La sezione Pagine digitalizzate fornisce punteggi dettagliati su tutte le pagine digitalizzate. È possibile utilizzare i pulsanti Precedente e Successivo per scorrere i risultati e scegliere il numero di pagine da visualizzare.
Toccando o facendo clic sul collegamento di una pagina particolare si aggiorna il filtro Seleziona della sezione Punteggi pagina - tendenza e viene visualizzata la scheda Punteggi e consigli per la pagina selezionata.
La scheda Rapporti non elaborati fornisce punteggi per ogni controllo di audit della pagina. Tocca o fai clic sulla data del rapporto nella colonna Rapporto faro per recuperare un file JSON dei dati non elaborati.
Verrà aperta una nuova scheda nel browser che punta a https://googlechrome.github.io/lighthouse/viewer/ con un URL firmato del report JSON (JavaScript Object Notation) non elaborato di Lighthouse per la pagina selezionata, che verrà aperto automaticamente per l'ispezione dettagliata
Rapporti di audit on-demand on-demand
Oltre a essere eseguiti durante l’esecuzione della pipeline, i rapporti di audit dell’esperienza possono essere generati on-demand. Questa è una buona soluzione per eseguire rapidamente la scansione delle pagine, senza dover eseguire una pipeline.
Per eseguire un'analisi on-demand, passa alla scheda Report per visualizzare il report di audit completo, quindi tocca o fai clic sul pulsante Esegui analisi.
Il pulsante Esegui scansione non è più disponibile ed è contrassegnato con un'icona dell'orologio quando è già in esecuzione un'analisi su richiesta.
Le scansioni on-demand attivano un controllo dell'esperienza per le ultime 25 pagine configurate e in genere terminano in pochi minuti.
Al termine, il grafico dei punteggi verrà aggiornato automaticamente e potrai esaminare i risultati esattamente come per una scansione dell’esecuzione della pipeline.
Puoi filtrare il grafico dei punteggi in base al tipo di trigger utilizzando il selettore Trigger.
L’audit dell’esperienza riscontra problemi issues
Se le pagine configurate per l'audit non erano disponibili o si sono verificati altri errori nel controllo di audit, l'audit dell'esperienza ne tiene conto.
La pipeline mostra una sezione di errore espandibile per visualizzare i percorsi URL relativi a cui non poteva accedere.
Se si visualizza il report completo, i dettagli sono visualizzati nella sezione Risultati analisi audit dell'esperienza, anch'essa espandibile.
Alcuni motivi per cui le pagine potrebbero non essere disponibili sono i seguenti:
- La configurazione blocca l’accesso.
- La pagina non esiste.
- La pagina viene reindirizzata richiedendo un’autenticazione diversa da quella di base.
- Si è verificato un problema interno.
- Ecc.
Suggerimenti generali sulle prestazioni performance-tips
Due dei problemi di impatto più comuni e facili da risolvere riguardano Cumulative Layout Shifts (CLS) e Largest Contentful Paint (LCP).
Questi possono essere migliorati:
- Caricamento non lento delle immagini sopra la piega (il contenuto visibile nel browser senza dover scorrere verso il basso).
- Assegnare la corretta priorità al modo in cui le risorse vengono caricate (ad esempio, caricando in modo asincrono le immagini sotto la piega dopo il caricamento del documento).
- Preacquisizione dei file JavaScript e CSS utilizzati per eseguire il rendering del contenuto sopra la piega (se necessario).
- Riservare lo spazio verticale assegnando proporzioni ai contenitori che vengono caricati lentamente o renderizzati in un secondo momento.
- Conversione di immagini in formato WebP per ridurne le dimensioni.
- Utilizzo di
<picture>e dell'immaginesrcsetcon dimensioni dell'immagine diverse per le diverse dimensioni del riquadro di visualizzazione (assicurandosi che il ridimensionamento funzioni).
Dettagli della valutazione di Experience Audit details
I dettagli seguenti forniscono informazioni aggiuntive su come l’audit dell’esperienza valuta il sito. Non sono necessarie per l’utilizzo generale della funzione e sono fornite qui per completezza.
-
Il controllo di audit esegue la scansione del dominio di origine (
.com) definito nei percorsi di pagina del controllo dell'esperienza configurati dell'editore per simulare in modo più accurato le esperienze utente reali e consentire di prendere decisioni più informate sulla gestione e l'ottimizzazione dei siti Web. -
Nelle pipeline full stack di produzione, viene analizzato l’ambiente di staging.
- Per garantire che il controllo fornisca dettagli rilevanti durante il controllo, il contenuto dell’ambiente di staging deve essere il più simile possibile all’ambiente di produzione.
-
Le pagine visualizzate nel menu a discesa Seleziona nella sezione Punteggi pagina - tendenza sono tutte pagine note analizzate in passato dall'audit dell'esperienza.
-
Un consiglio può avere un guadagno potenziale e una differenza rispetto all'analisi precedente.
- L’audit dell’esperienza stima il guadagno potenziale elaborando il rapporto non elaborato per ogni pagina e correlando i byte sprecati o i millisecondi con un’informazione approfondita che ha un impatto ponderato sul punteggio delle prestazioni.
- L’audit fornisce queste informazioni (nonché le pagine interessate) per aiutare a decidere quale raccomandazione perseguire.
- Per ulteriori dettagli, vedere la sezione Suggerimenti generali sulle prestazioni
-
Dato che una pipeline front-end può essere distribuita in un ambiente esistente (oppure che più pipeline front-end hanno come destinazione lo stesso ambiente) e i risultati della scansione sono aggregati a livello di ambiente, i punteggi, le tendenze e i consigli vengono visualizzati nello stesso ambiente selezionato, indipendentemente dall’esecuzione della pipeline che ha attivato la scansione.