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
Metti alla prova la tua web progressive app. Controlla le prestazioni della tua PWA e inizia a costruire app di alta qualità, accattivanti, veloci e adattabili a tutti i dispositivi.
Convalida le tue pagine AMP con questo tool. Testa le tue Accelerated Mobile Pages (AMP) , ottieni rapporti dettagliati e ottimizza le prestazioni.
Converters
Convertitore di unità Pixel - Rem - Punti. Converti pixel in unità REM o in punti in pochi secondi con questo converter gratuito
Builders and generators 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.
Server and proxy
Visualizza e scarica il codice sorgente di qualsiasi sito web. Ottieni il codice sorgente HTML di qualsiasi pagina web online da qualsiasi browser, dispositivo e sistema operativo.
Convalida i file Css con il servizio di convalida W3C. Verifica se il markup del vostro Foglio di stile è conforme al W3C.
Builders and generators
Genera bellissime combinazioni di colori per i tuoi progetti. Ottieni il tuo schema di combinazione analogo, triadico, complementare e così via.
Images Social
Ottieni anteprime dei video Vimeo e set di dati informativi. Recupera l’immagine di anteprima del video Vimeo, la didascalia, la descrizione, le informazioni sull’utente e le statistiche.