Critical CSS in-line e minimizzato in pochi secondi – elimina le risorse che bloccano il rendering, migliora i Core Web Vitals e posizionati meglio su Google.
Il Critical CSS, chiamato anche above-the-fold CSS o critical path CSS, rappresenta il set minimo di stili necessario per visualizzare la parte visibile di una pagina web senza scorrere ("prima schermata"). Includendo questo CSS direttamente nel <head>, rimuovi i fogli di stile che bloccano il rendering e migliori significativamente Largest Contentful Paint (LCP) e First Contentful Paint (FCP).
Il nostro generatore online analizza il tuo HTML, simula diversi viewport e restituisce un frammento CSS minificato pronto da incollare nel tema o nel pipeline di build.
Installa il nostro plugin WP gratuito o copia il CSS in-line nell'header.php. Aggiungi <link rel="preload" as="style">
per l'intero foglio di stile.
Incolla il frammento generato in theme.liquid
prima di caricare theme.css
. Facoltativamente usa la nostra API per le build automatizzate.
Esegui la CLI nella pipeline CI (criticalcss extract ./out --html
) e inserisci il CSS tramite <style jsx global>
.
Realizzato da sviluppatori per sviluppatori. Estrai il CSS critico con precisione e velocità.
Estrai il Critical CSS in meno di 50 ms. Il nostro motore ottimizzato elabora i siti più velocemente di qualsiasi concorrente.
Il rilevamento avanzato dei viewport garantisce un'estrazione precisa del CSS Above-the-Fold per qualsiasi dispositivo.
API REST, webhook, elaborazione batch e strumenti CLI. Si integra perfettamente nel tuo flusso di lavoro.
Genera Critical CSS per mobile, tablet e desktop contemporaneamente.
Conforme SOC2 e con sicurezza di livello enterprise. I tuoi dati sono sempre protetti.
Report dettagliati che mostrano miglioramenti prestazionali, riduzione delle dimensioni e metriche di ottimizzazione.
Inserisci un URL e ottieni il CSS Above-the-Fold in pochi secondi
Migliora i Core Web Vitals e la SEO con l'estrazione ottimizzata del CSS Above-the-Fold
L'estrazione del Critical CSS migliora direttamente il Largest Contentful Paint (LCP) e il Cumulative Layout Shift (CLS).
Google considera la velocità della pagina come fattore di ranking. Il nostro generatore ti aiuta a ottenere performance SEO migliori.
Miglioramento medio con ottimizzazione Critical CSS
Il Critical CSS è il set minimo di regole necessario per il contenuto above-the-fold. Includendolo in-line, sblocchi il rendering e velocizzi il caricamento percepito.
Sì. Offriamo guide specifiche e un plugin WordPress. Per altre piattaforme puoi incollare il codice manualmente o tramite API.
Assolutamente – vedi la sezione "API per sviluppatori" sopra o leggi la documentazione su /docs.
Integra la generazione di Critical CSS nel tuo processo di build con la nostra potente REST API.
Endpoint HTTP semplici per estrazione Critical CSS
Ricevi notifiche al termine dell'estrazione
Elabora più URL contemporaneamente
Interfaccia a riga di comando per l'automatizzazione
Il nostro algoritmo avanzato analizza il tuo sito ed estrae solo il CSS necessario per il contenuto above-the-fold.
Il sistema recupera e analizza la struttura della pagina identificando tutte le risorse CSS.
Simuliamo diversi dispositivi per determinare il contenuto visibile subito.
Algoritmi avanzati estraggono solo le regole CSS necessarie per il rendering immediato.
Il CSS estratto viene minificato e ottimizzato per prestazioni massime.
Prezzi semplici e trasparenti
Inizia gratis, scala all'occorrenza. Nessun costo nascosto, nessuna sorpresa.