06 / DIAGNOSI ILLUSTRATE

Apri la traccia.
Guarda la causa.

Una pagina può avere un punteggio insufficiente per ragioni molto diverse. Qui puoi seguire tre esempi tecnici: immagine principale, task lungo ed embed che sposta il testo.

Entra nel problema
01 / TRE TRACCE

Il sintomo è visibile.
La causa va cercata.

Scegli un caso. Ogni schema mostra una possibile causa e il tipo di modifica da valutare. Gli esempi sono illustrativi: non descrivono misure o risultati di una testata reale.

TRACCIA 01 / ESEMPIO ILLUSTRATIVO

La prima immagine
parte per ultima.

Il documento e gli stili sono pronti, ma la foto che apre l'articolo entra in coda solo dopo. L'intervento riguarda quando il browser scopre quella risorsa.

INTERVENTO POSSIBILEAnticipare la risorsa principale
Schema illustrativo: HTML e CSS sono pronti prima che parta l'immagine principale; il rendering attende quella risorsa

SCHEMI ILLUSTRATIVI / NON RAPPRESENTANO MISURE DI UN SITO REALE

02 / COME LEGGERE LO SCHEMA

Non basta nominare
la metrica.

In una diagnosi reale cerchiamo il passaggio verificabile fra sintomo e intervento.

  1. 01 /

    Segnale

    Identifichiamo quale comportamento del lettore o della pagina ha generato la segnalazione.

  2. 02 /

    Traccia

    Osserviamo risorse, task o spostamenti per capire la sequenza che produce il problema.

  3. 03 /

    Componente

    Colleghiamo la causa al punto del codice e alle altre pagine che lo condividono.

03 / DALL'ESEMPIO AL SITO REALE

Il tuo caso
può avere un'altra causa.

Porta la URL che ti preoccupa. La traccia utile sarà quella della tua pagina, sui tuoi dispositivi e con le tue dipendenze.

Parti dalla tua URL
04 / CASO REALE

Dove si ferma
il tuo articolo?

Portala alla call tecnica. Partiamo dal comportamento che hai visto e risaliamo al componente che lo produce.

Porta una URL