Magazine Ebusiness

Come caricare defer parsing JavaScript in WordPress

Da Iwebdesigner @Iwebdesigner_it

da in Come caricare defer parsing JavaScript in WordPressMagooWordPress

Come caricare defer parsing JavaScript in WordPress

Come rinviare il caricamento dei javascript (Defer Parsing Javascript) in WordPress senza plugin.

Cos'è DEFER PARSING JAVASCRIPT

Questo breve tutorial ti mostrerà come ritardare l'analisi del codice JavaScript in WordPress, senza usare un plugin.

Come PHP e HTML, JavaScript è un linguaggio di programmazione. JavaScript (spesso indicato come "JS") viene utilizzato per rendere interattive le pagine Web. Sebbene l'interattività sia una caratteristica meravigliosa del moderno web design, le pagine Web pesanti di JavaScript possono aumentare il tempo necessario al caricare della pagina. Questo, ovviamente, può portare a bassi tassi di conversione e può anche influire negativamente sul posizionamento sui motori di ricerca, Google primo su tutti.

Fondamentalmente, per caricare una pagina web, il browser deve analizzare il contenuto di tutti i tag di script, quindi il contenuto è visibile a noi nel formato previsto. Questo processo è noto come rendering della pagina.

La realtà è che non è necessario tutto il JavaScript all'interno di una pagina web per il rendering della stessa.

La soluzione DEFER PARSING JAVASCRIPT

Ritardare il caricamento dei JavaScript, che non è immediatamente necessario - fino al momento in cui deve essere caricato - può ridurre il tempo necessario per il rendering di una pagina Web nel nostro browser.

Ciò significa che i contenuti vitali necessari per visualizzare la pagina, come HTML, CSS e immagini, riceveranno priorità di caricamento su tutto il codice JavaScript.

E' sicuro modificare WP per defer parsing javascript?

Come sempre ti consiglio prima di apportare modifiche al tuo WordPress di eseguire un backup di tutto il tuo sito. Oltre a questo fai una copia del tuo functions.php originale. Ti chiederai perchè fare una copia del functions.php, ovviamente perchè sarà il file che andremo a modificare per ritardare il caricamento del Javascript all'interno delle nostre pagine. Metodo molto semplice per fare il defer parsing javascript senza nessun plugin.

Devi farlo?

Innanzi tutto andiamo a verificare se per il nostro sito abbiamo bisogno di effettuare la modifica per differire il caricamento del codice Javascript. Per fare questo ti consiglio di utilizzare un tool tra GTMETRIX, PINGDOM o PAGESPEED. Se da quest'analisi ci accorgiamo che sarebbe opportuno, per migliorare il caricamento del nostro sito a livello di velocità, migliorare il defer parsing javascript, mettiamoci all'opera.

Cosa devo fare?

  • Apri la dashboard di WP-Admin,
  • Scorri verso il basso il menu verticale e individua la scheda Aspetto del tema,
  • Fai clic sul sottomenu Editor,
  • Individua il file delle funzioni del tema (Functions.php) del tuo tema e aprilo,
  • Scorri verso il basso fino alla fine del file,
  • Aggiungi le righe di codice (sotto) nel file Functions.php, Salvare il file e aggiornare il browser, quindi
  • Testa il tuo sito, assicurandoti che funzioni correttamente.
/*  Defer parsing of javascript.  */
if (!(is_admin() )) { //questo per caricare normalmente JS nella dashboard
function defer_parsing_of_js ( $url ) {
if ( FALSE === strpos( $url, '.js' ) ) return $url;
if ( strpos( $url, 'jquery.js' ) ) return $url; // return "$url' defer ";
return "$url' defer onload='"; }
add_filter( 'clean_url', 'defer_parsing_of_js', 11, 1 );
}

Scritto da Magoo

Come caricare defer parsing JavaScript in WordPress


Ritornare alla prima pagina di Logo Paperblog