Home / Casi studio / Kinetica
Kinetica: il mio tema WordPress, usato da questo sito e da G.S. Car
Un mio progetto, non di un cliente: un tema WordPress sviluppato con l’aiuto di Claude Code, con le prestazioni come obiettivo.
Il progetto
Il progetto in breve
Cliente
Nessuno: è un progetto proprio
Settore
Tema WordPress
Usato da
Only-Web.it e G.S. Car
Cosa ho fatto
Tema classico con editor Gutenberg: il PHP genera header, footer e template, theme.json dà all’editor palette, caratteri e spaziature, le opzioni stanno nel Customizer. Animazioni a classi, font self-hosted, supporto WooCommerce, traduzione italiana. Sviluppato con l’aiuto di Claude Code, con classi CSS in BEM.
Tecnologie
WordPress 6.7 o successivo, PHP 8.1. Nessun jQuery, page builder o framework CSS. GSAP nella versione completa. Claude Code
Licenza
GPL v2 o successiva
Obiettivo
Pubblicazione su WordPress.org: esiste già un pacchetto dedicato (186 KB, versione 0.1.0). Mancano un nuovo passaggio con Theme Check e Lighthouse su un hosting reale e la scelta su alcune raccomandazioni di Theme Check.
La sfida
La sfida
Avere un tema veloce, con animazioni avanzate senza perdere velocità, su cui costruire siti senza page builder: ogni cosa si carica solo se la pagina la usa.
Animare senza appesantire: si animano solo transform e opacità, il contenuto resta visibile senza JavaScript e, con il movimento ridotto attivo, lo script non fa nulla.
Il CSS principale pesa circa 13 KB, il JavaScript dell’header 1,5 KB e le animazioni native circa 3 KB.
Cosa ho fatto
Cosa ho fatto
Carica solo ciò che serve
PRESTAZIONI
Il CSS di ogni blocco si carica solo se il blocco è nella pagina e lo script delle animazioni solo se c’è una classe anim-*. Font in locale, nessuna richiesta a Google.
Font in locale e CSS ordinato
FONT E CSS
Scrivi il nome del font e compaiono i pesi disponibili; una volta selezionati, viene scaricato in locale solo ciò che serve. Le classi CSS seguono la convenzione BEM.
Animazioni a classi
ANIMAZIONI
Basta una classe come anim-fade-up o anim-stagger, o il pannello Animazione dell’editor. Nella versione completa il motore è GSAP, con ogni effetto in un file caricato solo quando serve.
Sviluppato con l’aiuto di Claude Code
AI
Il lavoro e le decisioni sono miei: l’AI è un supporto.
Obiettivo: WordPress.org
WORDPRESS.ORG
Il pacchetto per WordPress.org (186 KB) è senza GSAP e senza gli extra. La versione completa (1,6 MB) li include e sarà acquistabile.
Tre numeri del tema
NUMERI
Pacchetto WordPress.org di 186 KB, nessun jQuery, PageSpeed mobile 99 e desktop 100 su Only-Web.it (29 ottobre 2026).
Risultato
Risultato
Il tema è in uso su Only-Web.it e su G.S. Car. La pubblicazione su WordPress.org è un obiettivo, non ancora un risultato.
Only-Web.it con Kinetica: PageSpeed mobile 99 e desktop 100, misurato il 29 ottobre 2026 con PageSpeed Insights
Su mobile LCP 2,0 s, TBT 0 ms e CLS 0,001. Su desktop LCP 0,6 s, TBT 10 ms e CLS 0,01. Accessibilità 100 e Best practice 100. Il punteggio SEO (61) dipende dal fatto che il sito di test ow.only-web.it è in noindex; il dato si rimisura sul dominio definitivo. Sono test di laboratorio (mobile con Moto G Power emulato e 4G lenta), non dati di utenti reali.
Confronto. Ho messo a confronto due versioni della stessa pagina di G.S. Car, con lo stesso design. G.S. Car con Kinetica: mobile 99 (LCP 0,9 s, TBT 10 ms, CLS 0,052) e desktop 100 (LCP 0,3 s, TBT 10 ms, CLS 0,023). G.S. Car con il tema precedente: mobile 75 (LCP 6,2 s, TBT 0 ms, CLS 0,008) e desktop 95 (LCP 1,4 s, TBT 0 ms, CLS 0,006). La SEO non è stata valutata, perché il test riguardava la velocità.
Le differenze sono di configurazione e sono quelle misurate nel report PageSpeed del 29 ottobre 2026 della versione con il tema precedente: Google Fonts caricati da server esterni con font a catena (circa 1,5 s), CSS che bloccano il rendering (risparmio stimato di circa 1 s) e immagini più grandi di quanto mostrato. Non sono una misura dell’effetto di Kinetica.
Stesso sito, stessi contenuti, stesso server; test di laboratorio, singolo test.
Altri casi e servizi collegati
Altri casi e servizi collegati
Parliamone
Racconta cosa ti serve e partiamo da lì
Dopo la tua richiesta rispondo entro 24-48 ore e ci sentiamo per una chiamata conoscitiva di 15-20 minuti.