Rendere Dagon Design Contact Form Mailer più leggero e veloce

Scritto il 31 gen 2009 in WordpressNessun commento letto 660 volte.

Ogni webmaster nell’utilizzare Wordpress ha il desiderio di renderlo sempre il più possibile completo e funzionale. Grazie al sistema dei plugin è possibile installare estensioni che aumentano in maniera considerevole le funzioni di questo utile cms.

Sicuramente trà quelle assolutamente irrinunciabili c’è il form di contatto, utile per essere raggiunti dai visitatori senza dover mostrare il proprio indirizzo email. Uno dei migliori per leggerezza, semplicità e praticità è secondo me Dagon Design Contact Form Mailer, che è ovviamente installato in questo sito e puoi vederlo funzionante nella pagina dei contatti.

L’unica pecca che ho riscontrato in questo plugin è che, come tutti gli altri, carica un file JavaScript e il suo foglio di stile sempre ed in ogni pagina. Anche se non viene mai utilizzato nella navigazione viene sempre caricato il suo file .js e .css con evidente spreco di risorse e prestazioni del server.

In questo articolo ti mostrerà come evitare ciò, rendendo il tuo blog e questo plugin ancora più leggero e veloce di quanto già non sia.

Rendi Dagon Design Contact Form Mailer più leggero e veloce cambiando un piccolo settaggio

Cambiando una piccola riga di codice è possibile far sì che vengano caricati i file necessari al funzionamento di questo plugin solo quando effettivamente servono, ossia nel momento in cui si visualizza la pagina che contiene il form, e mai in tutte le altre. Così si ridurranno le HTTP-Request e di conseguenza tutto il blog sarà più leggero, veloce e stabile.

Per prima cosa bisogna dire che come ogni estensione di Wordpress, il richiamo per file necessari viene automaticamente inserito nella funzione wp_header, che è quella che genera buona parte del codice contenuto all’interno dei tag Head del sito.

Quindi è necessario andiamo a cercare la parte di codice del plugin che influisce su tale funzione. Vai nella cartella wp-content/plugins e cerca il file dd-formmailer.php, aprilo tramite un editor testuale (consiglio di usare Notepad++) e cerca la riga 2185, dove dovresti trovare questo codice:

/* Load CSS into WP header */
add_action(‘wp_head’, ‘ddfm_add_css’);

function ddfm_add_css() {
echo “\n” . ‘<link rel=”stylesheet” href=”‘ . rtrim(get_settings(’siteurl’), ‘/’) . ‘/wp-content/plugins/dd-formmailer/dd-formmailer.css” type=”text/css” media=”screen”
/>’ . “\n”;
echo “\n” . ‘<script type=”text/javascript” src=”‘ . rtrim(get_settings(’siteurl’), ‘/’) . ‘/wp-content/plugins/dd-formmailer/date_chooser.js”></script>’ . “\n”;
}

modificalo aggiungendo un ciclo if all’interno della funzione, in questo modo:

/* Load CSS into WP header */
add_action(‘wp_head’, ‘ddfm_add_css’);

function ddfm_add_css() {

if (is_page(‘Inserisci l’id della pagina di contatto‘)) {

echo “\n” . ‘<link rel=”stylesheet” href=”‘ . rtrim(get_settings(’siteurl’), ‘/’) . ‘/wp-content/plugins/dd-formmailer/dd-formmailer.css” type=”text/css” media=”screen” />’ . “\n”;
echo “\n” . ‘<script type=”text/javascript” src=”‘ . rtrim(get_settings(’siteurl’), ‘/’) . ‘/wp-content/plugins/dd-formmailer/date_chooser.js”></script>’ . “\n”;

}

Come vedi viene aggiunta l’istruzione

if (is_page(‘Inserisci l’id della pagina di contatto‘))

che effettua un controllo sull’id della pagina visualizzata e se corrisponde a quella dei contatti attiva la funzione caricando quindi i file necessari al funzionameno di Dagon Design Contact Form Mailer. Quindi al posto di

Inserisci l’id della pagina di contatto

devi scrivere l’id della pagina che deve contenere il form, lo puoi ricavare andando nel Pannello Admin di Wordpress->Pagine->Modifica->clicca sulla pagina di contatto e osserva l’url nella barra degli indirizzi. Terminerà sicuramente con un numero, quello è l’id della pagina.

Supponiamo che l’id della tua pagina sia 10 avrai un codice così fatto:

/* Load CSS into WP header */
add_action(‘wp_head’, ‘ddfm_add_css’);

function ddfm_add_css() {

if (is_page(‘10′)) {

echo “\n” . ‘<link rel=”stylesheet” href=”‘ . rtrim(get_settings(’siteurl’), ‘/’) . ‘/wp-content/plugins/dd-formmailer/dd-formmailer.css” type=”text/css” media=”screen” />’ . “\n”;
echo “\n” . ‘<script type=”text/javascript” src=”‘ . rtrim(get_settings(’siteurl’), ‘/’) . ‘/wp-content/plugins/dd-formmailer/date_chooser.js”></script>’ . “\n”;

}

Personalmente ritengo che questa modifica sia molto utile, poichè diminuisce le HTTP_Request ed evita di caricare inutilmente due file che insieme risultano essere abbastanza pesantucci, dato che 24KB che non sono proprio pochi, rendendo Dagon Design Contact Form Mailer più leggero, più stabile e quindi praticamente perfetto.

Tags:

Articoli che potrebbero interessarti

Scrivi un commento

- Torna alla Home Page di IoWebMaster