Oggi stavo terminando un sito che ho abbellito con alcuni plugin per wordpress davvero spettacolari e, notanto che il caricamento si protraeva più del dovuto, ho iniziato a cercare di ottimizzare il codice per renderlo più leggero nel caricamento della home page.
Di default, ogni plugin che si installa su wordpress pone dei riferimenti a file css o javascript nell’head e, se si usano plugin che ne richiamano più di uno, il ritardo nel caricamento della pagina è considerevole perchè richiamato in ogni pagina. Come fare quindi per rendere il caricamento della home page del vostro sito (o blog) in wordpress più leggero?
La risposta è semplicissima: basta analizzare il codice dei plugin che abbiamo installato e modificare le righe in cui vengono richiamati i file css o js che siano nell’head. Ad esempio se vogliamo evitare il seguente css non venga caricato nella home perchè non necessario:
<link rel=“stylesheet” href=“http://simone.chiaromonte.com/wp-content/plugins/contact-form-7/stylesheet.css” type=“text/css” />
Basterà editare il file del plugin e inserire la seguente funzione prima dell’echo del file in questione:
if (is_page() ) {
echo″ <link rel=“stylesheet” href=“http://simone.chiaromonte.com/wp-content/plugins/contact-form-7/stylesheet.css” type=“text/css” />″;
}
Così quel file verrà caricato solo quando si accederà ad una pagina, dove ci sarà il modulo che richiede quel css. Quindi, dato che il modulo verrà generato in una pagina, possiamo evitare di farlo caricare in tutte le altre, compresa la home!
Se invece siamo degli ossessionati e vogliamo ottimizzare il caricamento del sito ancora di più, possiamo specificare in quale pagina si trova il modulo generato dal plugin che richiede il css facendolo caricare solo ed esclusivamente in quella pagina:
if (is_page(‘6’) ) {
echo″ <link rel=“stylesheet” href=“http://simone.chiaromonte.com/wp-content/plugins/contact-form-7/stylesheet.css” type=“text/css” />″;
}
Ricordiamoci però i cambiamenti che facciamo altrimenti le bestemmie si sprecheranno quando sposteremo il modulo in un’altra pagina e non ci verrà visualizzata! Spero che sia stato chiaro… non sono in grado di insegnare! …però ci provo! :-D
a proposito di plugins… Stupendo il Tag Cloud che hai messi 3d! Dove si può trovare?
Comunque terrò ben presente questo post in futuro, al momento non ho problemi particolari di caricamente, ma non si sa mai…
Ciao Jacopo, il plugin si chiama wp-cumulus ed è davvero bello! Comunque sto notando che con alcuni plugin di WP è meglio andarci cauti e non installarli troppi… perchè ti riempiono l’head in una maniera incredibile.
Stavo leggendo questo tuo articolo, e mi chiedevo:
Nonostante tu abbia snellito il caricamento dei plugin, hai avuto bisogno del plugin della cache….???
NEL SENSO….
Hai notato molta differenza dopo l’operazione di snellimento codice del plugin
Ciao
Grazie
Paolo
Il ruolo di wp super cache è quello di rendere le pagine in HTML senza l’interrogazione al database. Questo però non influisce sui plugin che utilizzano javascript, infatti i .js vengono scaricati ogni volta nella cache del browser… io per esempio ogni volta che chiudo firefox cancello cache e altri dati… quindi dipende dal tipo di utente.
…però wp super casche andrebbe bene, se il sito fosse sempre allo stesso modo…
Ogni volta che cambi qualcosa, deve svuotare e rilanciare.
Wp super casche secondo me va bene per un sito diciamo statico…
Per un sito dinamico, come velocizzare l’apertura almeno della Home Page..??
Ciao
Grazie
Paolo
WPSC ha la funzionalità di svuotare la cache ogni volta che si crea un nuovo articolo. Un blog è un sito dinamico :))
..quindi hai attivato wpsupercache ed ogni volta che scrivi un nuovo articolo non svuoti la cache..??
lo fa in automatico, esiste una opzione che ti permette di attivare questa funzionalità. Guarda bene.
..ooooook…!!!
appena posso testo il tutto
thanks