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
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.
Tester and validators
Convalida i file Css con il servizio di convalida W3C. Verifica se il markup del vostro Foglio di stile è conforme al W3C.
Google Server and proxy
Scopri la data e l’ora esatta in cui la tua pagina web è stata memorizzata nella cache dal crawler di Google tramite Google Cache Status Checker.
Builders and generators
Calcolatore della griglia di layout: imposta il sistema di griglia, la larghezza della pagina, il margine e le colonne. Progetta il tuo sistema di layout per pagine web, app e design di stampa.
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.
Genera bellissime combinazioni di colori per i tuoi progetti. Ottieni il tuo schema di combinazione analogo, triadico, complementare e così via.
Social Tester and validators
Ottieni i dati di Facebook e il punteggio dell’engagement tramite l’URL. Recupera i dati open graph, il conteggio delle "condivisioni", il conteggio dei commenti e l’engagement dall’URL.
Converters
Converti istantaneamente i codici colore da HEX (esadecimale) a RGB (rosso, verde, blu) e viceversa. Inserisci il colore e provalo gratuitamente.