Facebook noscript Pixel

Contact Form 7, abilitare JS e CSS solo nella pagina contatti

Contact Form 7. Come abilitare JS e CSS (scripts) solo nella pagina contatti per snellire e velocizzare il caricamento del tuo Sito Web Professionale.
Condividi su linkedin
Condividi su facebook
Condividi su twitter
Condividi su whatsapp

Categorie

Contact Form 7, abilitare JS e CSS solo nella pagina contatti
Cosa troverai in questo articolo

Partiamo dalle basi. Un plugin, come Contact Form 7, quando viene caricato su un Sito Web WordPress, affinché si attivi e faccia il proprio dovere ha bisogno di particolari tipi di file.

Questi file, ad esclusione ovvia di quelli PHP proprietari, vengono definiti scripts e si suddividono in Javascript (codice di programmazione ad oggetti lato client) e CSS (codice di stile).

Questi file hanno un peso dipendente dalla quantità di informazioni al loro interno e, in automatico, vengono caricati da e sul Sito Web in ogni pagina/articolo.

Immagina, quindi, che lavoro impressionante fa un server ogni volta che un client (browser) richiama un Sito Web pieno zeppo di scripts di vari plugin, soprattutto quando questi vengono caricati inutilmente.

Contact Form 7, cos’è e a cosa serve?

Per farti capire cosa vuol dire “caricati inutilmente“, cerchiamo prima di spiegare cosa è il plugin Contact Form 7

Contact Form 7 

Premesso che se non lo conosci, forse sei più unico che raro 🙂 Contact Form 7 è un plugin generatore di form di contatti per Siti Web Professionali.

La sua potenza e peculiarità? E’ gratuito e ben strutturato.

Cosa succede quando attivi Contact Form 7?

Come detto in precedenza e come ogni altro plugin, dal momento della sua attivazione, quando viene richiamato un Sito Web, anche Contact Form 7 carica in ogni pagina/articolo, i suoi scripts JS e CSS.

Ora, nella maggior parte dei casi, un Sito Web possiede 1(UN) solo form esclusivamente nella pagina istituzionale “contatti“.

Quindi la domanda è

Perché appesantire il Sito Web caricando i file JS e CSS di Contact Form 7 anche dove non sono richiesti?

Come abilitare JS e CSS solo nella pagina contatti?

La buona notizia è che possiamo snellire le chiamate a questi file e quindi velocizzare il caricamento del Sito Web, andando a “forzare” l’uso degli stessi solo dove è strettamente necessario.

Tra le soluzioni che più apprezzo ed uso, quella che prevede l’ausilio di solo codice, quindi nessun altro plugin, è decisamente la mia preferita.

Ti basterà, quindi, aprire ed agire sul file functions.php ed incollare il codice seguente.

P.S: Se a livello sicurezza hai lavorato bene, dovresti aver bloccato l’editor dei file lato backend di WordPress garantendo l’accesso al file functions.php solo tramite Client FTP.

Ma ora, veniamo al codice …

// Carica JS Contact Form solo su pagina contatti
if( class_exists( 'WPCF7' ) ) {
  function manually_enqueue_wpcf7_scripts() {
    // Pages to add CF7 scripts
    $pages_cf7_add_scripts = array( 'contatti' );

    // Posts to add CF7 scripts
    $single_cf7_add_scripts = array( '' );

    if( is_page( $pages_cf7_add_scripts ) || is_single( $single_cf7_add_scripts ) ) {
      if( function_exists( 'wpcf7_enqueue_scripts' ) ) {
        wpcf7_enqueue_scripts();
      } 
      if( function_exists( 'wpcf7_enqueue_styles' ) ) {
        wpcf7_enqueue_styles();
      }
    }
  }
  add_filter( 'wpcf7_load_js', '__return_false' ); // Disable CF7 JavaScript
  add_filter( 'wpcf7_load_css', '__return_false' ); // Disable CF7 CSS
  add_action( 'wp_enqueue_scripts', 'manually_enqueue_wpcf7_scripts' );
}

Dai … più semplice di così!!! 🙂

Ricordati di sostituire, eventualmente, lo slug della tua pagina di contatti che, nel mio caso, come vedi, è “contatti”.

Conclusioni

Semplice ma efficacissimo trick per snellire e velocizzare un Sito Web. Per dovere di cronaca, è possibile implementare questa operazione anche grazie all’uso di plugin di terze parti.

Te ne suggerisco due in particolare, due che uso piattaforme che, per esigenze interne, hanno all’attivo molti plugin installati e che si comportano come Contact Form 7:

Nel frattempo, spero di esserti stato d’aiuto 😉

Consigliato. 👍

SEO Tester Tool

Hai mai provato a verificafre lo stato di salute della SEO del tuo Sito Web?
Condividi su linkedin
Condividi su facebook
Condividi su twitter
Condividi su whatsapp
Gian Luca Partengo

Gian Luca Partengo

Professionista del Web e del Marketing da oltre 20 anni. Ha lavorato per importanti Agenzie e Aziende italiane e ha creato e seguito passo a passo il Brand di numerosi Clienti. Oggi sviluppa progetti altamente professionali a partire da un'analisi sullo stato di salute di un Sito Web e della sua SEO Organica, fornendo anche consulenza a privati e aziende.

SEO Tester Tool

Verifica GRATIS la salute della SEO del tuo Sito Web!