Tenete WordPress. Togliete l'attesa.

Fabrico vende cartamodelli da scaricare. Il negozio gira su WordPress: WooCommerce per prodotti e ordini, Elementor per le pagine, Yoast per la ricerca, Stripe per i pagamenti, un plugin per i videocorsi e una ventina di altri. Negli anni era diventato esattamente quello che sembrava da fuori: un sito che funzionava, vendeva ed era lento.

La home page e il catalogo impiegavano circa 1,7 secondi solo per iniziare a rispondere. La sola home page inviava 245 KB di codice prima ancora di un'immagine. A ogni visita il server ricostruiva la pagina da zero, plugin dopo plugin. Cambiare il design voleva dire tornare in Elementor, dove ogni modifica era lenta e rompeva qualcos'altro.

Il team voleva un sito più veloce e più moderno. Quello che non voleva era perdere ciò che già funzionava.

La risposta abituale a un sito WordPress lento è la migrazione. Si sceglie una nuova piattaforma, si ricostruisce il negozio, si spostano 240 prodotti con le loro varianti, si rifanno checkout, account, videocorsi e tracciamento, e si spera che anni di posizionamento nella ricerca sopravvivano al trasloco. Sono mesi di lavoro, e nel frattempo il negozio deve continuare a vendere.

Guardando meglio, WordPress non era il problema come back office. Prodotti, articoli, ordini e pagamenti stavano già lì, e il team conosceva l'amministrazione a memoria. Il problema era l'altro lavoro che WordPress faceva: costruire ogni pagina, per ogni visitatore, a ogni visita.

Quindi non abbiamo sostituito WordPress. Gli abbiamo tolto solo quel lavoro.

Un nuovo front-end, costruito da WordPress

Ogni pagina pubblica del sito (home, catalogo, 240 prodotti, 60 categorie, 322 articoli del blog e tutte le pagine informative) ora viene costruita in anticipo dai dati di WordPress e servita già pronta. Gli indirizzi non sono cambiati. Il design sì: un nuovo design system con i colori e il font di Fabrico, pannelli in vetro, scorrimento fluido e scene fisse sulla home page.

La parte più difficile era Elementor. Le sue pagine sono impaginazioni, non contenuti. Abbiamo scritto un convertitore che legge ogni pagina Elementor, ne estrae il significato (titoli, testi, immagini, pulsanti, FAQ) e la ricostruisce nel nuovo design. Le foto dei prodotti vengono convertite in formati moderni e in due dimensioni, così il telefono non scarica le immagini pensate per il desktop.

Un catalogo che risponde subito

Ricerca, categorie, ordinamento e filtri per taglia, livello, stagione, tessuto, figura e manica funzionano nel browser, senza aspettare il server. Nella pagina prodotto la scelta di taglia e altezza nasce dalle varianti reali, e il prezzo si aggiorna mentre si sceglie.

Lo stesso carrello, gli stessi ordini

Il carrello è un nuovo pannello laterale, ma sotto c'è il carrello di WooCommerce. È letteralmente lo stesso carrello che vede WordPress. Il cliente aggiunge un cartamodello sul nuovo sito, paga su WordPress e non si accorge del passaggio.

Account, storico ordini, download e videocorsi funzionano anch'essi sul nuovo sito, tramite WordPress. I video delle lezioni si sbloccano solo dopo che il server ha confermato l'acquisto.

Il checkout resta dove è sicuro

Stripe con sei metodi di pagamento e 3-D Secure non è qualcosa che si riscrive per cambiare aspetto. Il checkout resta su WordPress, e lo vestiamo con il nuovo design mentre arriva al cliente: la stessa intestazione, lo stesso piè di pagina, gli stessi stili, aggiunti al volo. Dalla home page alla ricevuta sembra un unico sito.

Niente perso nella ricerca o nelle statistiche

Titoli, descrizioni, link canonici e dati strutturati sono stati copiati da Yoast per 704 pagine, e i vecchi reindirizzamenti sono stati seguiti fino all'indirizzo finale. Google Tag Manager, Yandex Metrica, Pinterest e il pixel di Meta (visite, aggiunta al carrello, checkout, acquisto) funzionano esattamente come prima.

Si aggiorna da solo

Il team lavora ancora nella stessa amministrazione di WordPress. Ogni notte il nuovo sito legge i dati aggiornati da WordPress, si ricostruisce in circa due minuti e rimuove le pagine cancellate. Delle protezioni impediscono che una notte andata male svuoti il sito. Un nuovo prodotto o articolo compare semplicemente la mattina dopo.

Il traffico viene smistato a monte, davanti a entrambi i server. Il nuovo sito serve le pagine; WordPress tiene la sua amministrazione, la sua API e tutto ciò che il nuovo sito non ha, quindi una pagina mancante passa a WordPress invece di dare un errore.

Abbiamo lanciato prima per un gruppo di prova, fatto un acquisto reale dall'inizio alla fine (pagato, ordine creato, IP reale del cliente conservato per i controlli antifrode) e solo dopo l'abbiamo aperto a tutti. Una sola impostazione riporta il vecchio sito.

Più di 230 controlli automatici coprono pagine, menu, prezzi confrontati con il negozio, il percorso di acquisto, il carrello su desktop e telefono, account e corsi. Girano prima che ogni aggiornamento vada online.