Ritardo prima interazione e visualizzazione contenuti e menu
Autore: Mirko M.Buongiorno a tutti!
Volevo chiedere se qualcuno mi può aiutare a risolvere un problema dopo l ultimo aggiornameto.
La prima visualizzazione ci mette troppo a caricare non capisco dove possa essere il problema.
Googlespeed mi segnala questo:
Dati di prova controllatiVisualizzazione dei primi contenuti6,3 sIndice velocità20,6 sTempo per interattività25,9 sVisualizzazione primi contenuti utili6,5 sPrima inattività CPU23,0 sRitardo prima interazione potenziale max7.100 ms
Risparmi stimatiAttiva la compressione del testo4,05 sElimina le risorse di blocco della visualizzazione1,49 sRiduci i tempi di risposta del server (TTFB)1,18 sPubblica immagini in formati più recenti0,45 sDiagnosticaUlteriori informazioni sulle prestazioni della tua applicazione. Questi valori non incidono direttamente sul punteggio Prestazioni.Evita di usare un DOM di dimensioni eccessive 16.103 elementiRiduci al minimo il lavoro del thread principale 23,2 sRiduci l'impatto del codice di terze parti Il codice di terze parti ha bloccato il thread principale per 1.310 msRiduci il tempo di esecuzione di JavaScript 19,2 sPubblica le risorse statiche con criteri della cache efficaci 44 risorse trovateEvita payload di rete enormi Dimensioni totali: 3.203 kBRiduci al minimo la profondità delle richieste fondamentali 10 catene trovateMantieni un numero ridotto di richieste e dimensioni di trasferimento limitate 73 richieste • 3.203 kBControlli superati (12)Il punteggio di velocità si basa sui dati di prova controllati da Lighthouse.Tempo dell'analisi: 20/10/2019, 11:00:0729https://www.autochepassione.it/0–4950–8990–100Dati realiNegli ultimi 30 giorni, i dati sul campo mostrano che questa pagina ha una velocità bassa rispetto ad altre pagine nel Rapporto sull'esperienza utente di Chrome. Vengono visualizzati il 90° percentile di PVC e il 95° percentile di FID.Prima visualizzazione con contenuti (PVC)1,9 s73%20%6%Ritardo prima interazione (RPI)5.189 ms69%4%27%Mostra il riepilogo delle originiDati di prova controllatiVisualizzazione dei primi contenuti1,4 sIndice velocità4,3 sTempo per interattività6,9 sVisualizzazione primi contenuti utili1,4 sPrima inattività CPU5,8 sRitardo prima interazione potenziale max2.410 msOpportunitàQuesti suggerimenti possono aiutarti a velocizzare il caricamento della pagina. Non incidono direttamente sul punteggio Prestazioni.OpportunitàRisparmi stimatiAttiva la compressione del testo0,6 sElimina le risorse di blocco della visualizzazione0,58 sPubblica immagini in formati più recenti0,2 sRiduci i tempi di risposta del server (TTFB)0,12 sDiagnosticaUlteriori informazioni sulle prestazioni della tua applicazione. Questi valori non incidono direttamente sul punteggio Prestazioni.Evita di usare un DOM di dimensioni eccessive 16.103 elementiPubblica le risorse statiche con criteri della cache efficaci 47 risorse trovateRiduci al minimo il lavoro del thread principale 7,9 sRiduci il tempo di esecuzione di JavaScript 6,3 sEvita payload di rete enormi Dimensioni totali: 3.224 kBRiduci al minimo la profondità delle richieste fondamentali 10 catene trovateMantieni un numero ridotto di richieste e dimensioni di trasferimento limitate 76 richieste • 3.224 kBControlli superati (13)Il punteggio di velocità si basa sui dati di prova controllati da Lighthouse.Tempo dell'analisi: 20/10/2019, 11:00:07
C'è qualcosa che mi rallenta tutto in fase di caricamento.
Ho pure acquistato un server molto più performante ma nulla.
Seconda domanda...
come faccio a ridurre il menu per non uscire dalla pagina? Io voglio che si vedano le categorie auto, ma magari quando finisce la pagina un clic sul menu per prolungarlo.
per il menu...
la voce "categorie" la fai diventare un livello e tutte le pagine per le marche auto le metti sottoposte al livello, magari disposte su più colonne...
screenshot...
Per il Menu... ti ha già dato un ottimo suggerimento Skeggia12 ...
per il resto il test Pagespeed di Google ... come ho già ribadito su più post ... è solo "fuffa".
E' ovvio che se il tuo sito impiega 30 secondi a caricarsi potresti averne degli svantaggi poichè la gente si stufa ad aspettare ...
comunque ho fatto un test sul tuo sito ed il punteggio non è così male (gtmetrix)...
Quello che puoi fare , ma potrebbe portare conseguenze negative se aggiorni spesso, è attivare la cache sull'host,
per quello devi chiedere all'host...
Autore
Grazie per le risposte!
Per il menu ci avevo già pensato ma gli utilizzatori sono restii solo a fare 2 click in più ecco perchè volevo che si mostrassero subito tutte le categorie con i nome delle case automobilistiche.
per il problema che la genti si STUFI ecco quello volevo evitarlo prima dell aggiornamento non me lo faceva.. ora ci mette parecchio a visualizzare e non capisco cosa sia.
Grazie
Buongiorno Mirko,
ho provato ad analizzare il tuo sito ma non ho trovato rallentamenti particolari. Viene aperto e caricato senza latenze. Se tu hai notato questi rallentamenti, prova anche in un altro pc con un'altra connessione o da cellulare.
Facci sapere.
... evitare gli effetti, non servono...
... poi nella home hai 7 (!) richieste su server terzi, che a seconda dell'ora e del flusso di richieste potrebbero creare notevoli rallentamenti...(*)
... per il menu esteso basterebbe predisporre una voce collegata ad una seziona ancorata, (o a pagina esterna), con tutte le voci in un blocco di testo, permettendo così una agevole navigazione del menu... ...
(*) - in alternativa ed ove possibile, e senza rallentamenti, utilizzare immagini collegate alla pagina esterna di riferimento; ...vale anche per eventuali mappe, ecc....
.