WordPress PHP SCSS Performance ACF Pro

Tushi WordPress Theme

Come costruire un tema WordPress da zero con performance 98/100

98/100
PageSpeed Score
0.8s
LCP medio
40%
Riduzione peso CSS
3x
Più veloce del tema padre

La sfida

Il cliente aveva un tema commerciale che raggiungeva a malapena 45/100 su PageSpeed. Il sito caricava 8 plugin diversi per funzionalità che potevano essere native del tema, e il CSS pesava 2.3MB non minificati.

L'approccio

Ho scelto un'architettura a template parts con PHP puro, zero page builder. Ogni feature che normalmente viene delegata a plugin (metabox custom, gallery, form di contatto) è stata implementata nativamente con ACF Pro o codice custom.

Il sistema CSS è costruito su custom properties, con un unico file SCSS compilato e minificato. Ho eliminato completamente jQuery rimpiazzando ogni dipendenza con vanilla JS.

La soluzione

Il risultato è un tema che pesa 180KB totali (CSS + JS), carica 0 plugin non necessari, e raggiunge 98/100 su PageSpeed sia mobile che desktop.

Il problema: 45/100 PageSpeed

L'audit iniziale ha rivelato una serie di problemi classici: render-blocking resources, immagini non ottimizzate, CSS inutilizzato.

CSS: da 2.3MB a 180KB

Il CSS originale aveva anni di accumulazioni. Ho scritto un nuovo sistema da zero con SCSS, usando variabili custom per i token di design.

Il risultato

Il sito è passato da 45/100 a 98/100 PageSpeed. Il bounce rate è diminuito del 34%. Le conversioni sono aumentate del 22% nel primo mese.

Lezioni apprese

La lezione più importante: i plugin WordPress sono una tassa sulle performance. Ogni plugin che elimini è una vincita.

Hai un progetto simile? Parliamo.