Speed performance
Quando parliamo di "Long Task" ci riferiamo ad azioni eseguite dal codice JavaScript: queste monopolizzano il thread principale per lunghi periodi di tempo e causano un notevole rallentamento dell'interfaccia utente.
Ciò significa che la pagina non reagisce agli input dell'utente durante il caricamento, anche se sembra essere completamente carica.
Il modello RAIL ci dice che bisogna assicurarsi di elaborare l'input dell'utente entro 50 ms: in questo modo si dovrebbe essere certi che la risposta visibile avvenga entro 100 ms.
SeoChecker visualizzerà in una tabella come quella sottostante tutte le attività lunghe: URL, ora di inizio e durata.
In primo luogo, si potrebbero dividere gli script di grandi dimensioni e monitorare quelli di terze parti.
Mantenete le pagine responsive e riducete il lavoro in piccole parti (non più di 50 ms di lavoro), eseguendole nel posto giusto (come fuori dal thread principale) e nel tempo giusto.
Per saperne di più Speed performance
Prestazioni SEO sulla pagina e checkup.
Oltre 300 parametri per l'analisi approfondita delle pagine.
Condividi questa Guida.
Ti è piaciuta? Condividila!
Web tools per sviluppatori moderni. Provali!
Generatori, builder e validatori per migliorare le tue performance di ottimizzazione SEO e web
Tester and validators
La tua pagina web è mobile friendly? Pronto per l’indicizzazione mobile-first? Verifica se una pagina del tuo sito è ottimizzata per i dispositivi mobili e se non è ottimizzata per il Googlebot User-agent.
Controlla le prestazioni SEO e il controllo della pagina. Oltre 250 parametri per un’analisi più approfondita della pagina. Scopri di più sulle prestazioni del tuo sito web.
Compressor
Strumento minimizzatore CSS. Ottimizza e comprimi il tuo codice CSS, rendi più veloce il tuo sito web e riduci le dimensioni del payload della rete.
Tramite questo tool di rilevamento dei temi di Wordpress, scopri le caratteristiche del tema utilizzato.
Images
Carica le tue immagini per ottenere la tavola dei colori dominanti. Ottieni la palette dei colori di tutte le dominanti identificate nell’immagine caricata.
Builders and generators Google
Disegna rettangoli, cerchi, poligoni, linee e forme, imposta stili e colori ottieni coordinate e codice per le tue mappe Google.
Scegli un tema per la mappa o crea la tua Google map personalizzata. Personalizza le mappe con la tua creatività, con impostazioni, stili e colori.
Analytics Google Tracking script
Crea un URL tracciabile per Analytics e traccia le aperture delle email. Invia la tua e-mail e ottieni dati quando l’utente la apre.