Come potete notare, questo sito è sviluppato su WordPress, una piattaforma con molti pregi e alcuni difetti. Uno di questi, con cui mi sono scontrato negli ultimi mesi è il rapido incremento dello spazio occupato su disco in talune circostanze. Se, come nel mio caso, il vostro piano hosting non è illimitato può succedere di ritrovarsi ad avere spazio esaurito con Wordpress! Questo accade in particolare se il sito è ricco di immagini come www.stefanovisona.it , sia caricate internamente, sia linkate esternamente. Le ragioni sono due, diverse tra loro, ma per entrambe c’è una soluzione. Applicando quanto vi spiego di seguito sono riuscito a ridurre da 199MB a 135MB lo spazio occupato sul server (sui 200MB previsti dal mio piano hosting), senza perdita di performance. IMPORTANTE: fate un backup di tutto prima di iniziare!
Immagini caricate internamente
Quando si carica un’immagine in MEDIA LIBRARY WordPress genera sempre automaticamente delle immagini intermedie. a risoluzione ridotta (impostabili in SETTINGS/MEDIA e tipicamente: thumbnail 150×150, media 300px, large 1024px). Inoltre, alcuni temi generano a loro volta delle versioni ulteriori (ad esempio il tema SUFFUSION, una piattaforma articolata e potente che uso da un anno e mezzo genera di default altre 5 versioni di files). Questo succede per ogni immagine caricata, anche se non tutte queste versioni intermedie poi sono utilizzate. E’ il modo di funzionare di WordPress, che per velocizzare il caricamento delle immagini da parte dei vostri visitatori le “prepara” prima (in fase di vostro caricamento sul server). Con l’andar del tempo però la Media Library si riempie di versioni di file in gran parte inutilizzate, portando allo spazio esaurito con WordPress. Cosa fare?
Esistono dei plugin per “fare pulizia”, io ho provato Force Regenerate Thumbnails, ma mi ha causato più problemi che altro e ho dovuto ripristinare il backup. Ho provato poi Jetpack (il modulo Photon permette di tenere in locale l’immagine principale e far ridimensionare in remoto le versioni intermedie all’occorrenza) ma non mi ha convinto. La soluzione migliore è l’uso di 3 plugin: WP Performance Pack – Simple Image Sizes – EM Object Cache combinati tra loro (l’idea in origine viene da qui, con versioni obsolete dei plugin e le configurazioni sono un po’ diverse ora, meglio che leggiate sotto).
Una volta installati i 3 plugin, ecco come procedere:
1. Configurare WP Performance Pack (WPPP)
Settings > Performance pack > General: – Qui si attivano i moduli che compongono WPPP, a noi qui interessa solo il modulo IMAGES, quindi impostare:
CDN – Disabled
Images – Enabled
Localization – Disabled
Settings > Performance pack > Images:
In questa tab impostare come nell’immagine sotto
Ora le immagini a dimensioni intermedie verranno generate “al volo” da WPPP e memorizzate in EM Object Cache
2. Verificare le impostazioni di EM Object Cache
Le impostazioni di default sono quelle corrette. Giusto per scrupolo, devono essere così:
3. Rigenerare (tramite Simple Image Sizes) le immagini intermedie.
E’ il momento di fare pulizia. Su Settings > Media sono elencate tutte le dimensioni immagini intermedie che il vostro WP utilizza. Rimuovete le dimensioni non desiderate / non usate dal tema (c’è il pulsante DELETE accanto a quelle che è possibile rimuovere), salvate le modifiche e poi premete il pulsante REGENERATE THUMBNAILS. Nel giro di qualche minuto Simple Image Sizes fa una bella pulizia di tutto.
4. Addio spazio disponibile esaurito su WordPress!
Ecco, il grosso è fatto, verificate ora quanto spazio si è liberato…
Immagini linkate esternamente
Questo problema è più subdolo. Per il mio progetto 1=1 avevo deciso di archiviare le foto su flickr.com e inserirle nei post come link esterni. Pensavo così di riuscire a risparmiare parecchio spazio (ogni foto a 1200px occupa 0.5 MB e in full resolution arriva a 10MB!). In realtà, mi sono reso conto che anche in questo caso lo spazio occupato su disco andava rapidamente aumentando. Verificando la struttura dei file ho notato che nelle directory di upload erano presenti numerosi file jpg con un lungo nome alfanumerico, che non mi risultava di aver mai caricato.
Questi files sono generati automaticamente da WordPress e la ragione è sempre legata al suo meccanismo di funzionamento, ottimizzato per favorire il rapido caricamento del sito da parte dei vostri visitatori. Quando utilizzate immagini linkate esternamente WordPress genera automaticamente delle copie locali (sul server che ospita il vostro sito) a risoluzione ridotta, per i thumbnail o le preview. La generazione avviene al primo accesso esterno al vostro sito, quindi anche se cancellate manualmente queste immagini, esse verranno rigenerate da WordPress quando necessarie. Il problema, nel mio caso, è che numerose copie delle stesse immagini erano generate in cartelle diverse, a seconda della data di accesso.
Qui la soluzione è stata:
1. cancellare manualmente da file manager tutte le immagini generate automaticamente (oltre 30MB!).
2. identificare da file manager quali immagini venivano generate (nel mio caso i thumbnail per la pagina principale)
3. Inserire nei post incriminati come “featured image” il riferimento al thumbnail in 150×150 px. O caricando in media library il thumbnail o incollando il link da flickr, ottenibile con la condivisione in 150×150 dal sorgente HTML. Ad esempio il testo in neretto (incollato da flickr) fornisce il link diretto al thumbnail:
<a href=”https://www.flickr.com/photos/stefanovisona/14614337175″ title=”Capitolo-27 by Stefano, on Flickr”><img src=”https://farm3.staticflickr.com/2929/14614337175_5a1dc90b88_q.jpg” width=”150″ height=”150″ alt=”Capitolo-27″></a>
