FAQ: Suggerimenti Prestazioni

I "Suggerimenti Prestazioni" di Visual SEO Studio sono in gran parte basati sulle ricerche di Steve Souders sulle web performance ("High performance websites" e "Even faster websites"); le soglie usate sono basate su statistiche pubblicamente disponibili riguardo a dimensione pagina, numero di elementi del DOM, etc...

Le singole schede roportano impietosamente elenchi di pagine basati su decisioni binarie, se esse eccedono o no una determinata soglia (le soglie possono essere personalizzate dal menu Preferences), per cui un miglior modo per valutare l'impatto complessivo di ogni singola criticità è guardarne la distribuzione in ogni istogramma dedicato.

Ogni misura deve anche essere presa con un grano di sale, perché ci sono tecniche di ottimizzazione che potrebbero peggiorare una singola misura per ottenere migliori performance in generale.
Per esempio:

• Fare lo "inlining" dei percorsi critici CSS aumenta la dimensione delle pagine HTML, ma permette alle pagine di essere visualizzate più velocemente (o almeno può aumentare la percezione siano caricate più velocemente)
• HTTP/2 può incrementare il TTFB (Time to First Byte) perché pacchettizza più risposte assieme, ma dopo il browser troverà la cache pre-popolata
• etc..

Nota: anche lo strumento Ispezione Immagini fornisce informazioni di valore, sulla dimensione delle immagini.

Suggerimenti Prestazioni non vuole sostituire strumenti come WebPageTest, ma complementarli.
Le differenze sono varie:

• Visual SEO Studio fa un ottimo lavoro nello stimare le performance generali dell'intero sito, ispezionandone tutte le pagine.
  Strumenti come WebPageTest sono ottimi per ispezionare una singola pagina in maggiore dettaglio.
• WebPageTest, GTMetrix (e PageSpeed insight, versione online) lavorano da un IP remoto (WebPageTest permette di personalizzare in parte il luogo da dove il test è effettuato).
  Visual SEO Studio gira dalla macchina locale.
• WebPageTest funziona ispezionando gli eventi del browser (prima renderizzazione, completamento del DOM, caricamento completo....) ed è probabilmente il miglior strumento per comprendere i problemi di performance di una singola pagina.
  Visual SEO Studio si concentra sulle best practice generali di Saunders' e su viste su singole misure misurate sull'intero sito.
• La maggior parte degli strumenti citati, come anche lo strumento sviluppatori Network compreso nei browser più recenti, può analizzare della singola pagina la "waterfall" delle richieste HTTP.
  Visual SEO Studio oggi non può farlo perché scarica solo un sottoinsieme delle risorse della pagina.

In generale Visual SEO Studio fa un ottimo lavoro nell'ispezionare singole misure, come nessun altro strumento sa fare (es. numero degli elementi del DOM, profondità del DOM, ...) e alcune di esse sono estremamente utili, eppure - ribadiamo - il suo vaolre più grande è l'abilità di ispezionarle sull'interezza del sito.

Dipende dal caso specifico. Come regola generale, l'esperienza ci ha insegnato che se sono riportati come criticità, la prima cosa da andare a vedere sono gli script duplicati.
Le ragioni sono:

• Anche se grazie alla cache del browser uno script duplicato è scaricato solo una volta, ogni script è eseguito ogniqualvolta è incontrato.
• Quando il browser scarica o eseguie uno script, blocca completamente la renderizzazione della pagina e spesso anche il download parallelo di altre risorse (usando gli attributi defer o async si può posporre l'esecuzione degli script).

Pertanto probabilmente i report di maggior valore in Suggerimenti Prestazioni sono quelli dedicati agli script - blocking gli script bloccanti in particolare - e ai blocchi CSS, ma ogni sito ha priorità diverse.
Per esempio se il problema principale di un sito è avere un'enorme dimensione di pagina (raramente è il problema più urgente) a causa di un cattivo template, quallo dovrebbe essere messo a posto per primo.
Controlla sempre quanto diffusa è ogni criticità guardando sia la percentuale riportata su tutte le pagine del sito, e ancora più importante come la misura è distribuita nel relativo grafico a istogramma.

C'è una differenza importante tra quei tool e "Suggerimenti Performance" di Visual SEO Studio: mentre essi ispezionano una singola pagina (di solito la Home Page), Visual SEO Studio ispeziona tutte le pagine del sito.

Per esempio vediamo un caso reale: il tempo di download per la home page è 278 ms, ma la media è intorno ai 1500 ms.

Istogramma: Tempo di Download

Le prestazioni di una singola pagina non sono un buon indicatore nel caso di siti con migliaia di pagine o più. Visual SEO Studio ti permette di comprendere le performance generali del sito e individuare le pagine che necessitano di maggiore attenzione.

Il metodo più veloce è:

• Seleziona la scheda "URL script duplicati";
• Selezione ail pannello "File CSS/JS di pagina" in basso;
• Ordina per URL Assoluto

Ora gli URL duplicati sono molto più immediati da scorgere.