TechBlogSD - Tutto per WordPress e sviluppo WEB
Istruzioni WEB e WordPress, notizie, recensioni di temi e plugin

Risolvi il problema di blocco del rendering con lo script Jetpack Devicepx

10

Jetpack è un plug-in tutto in uno per il tuo sito WordPress ospitato autonomamente. Copre vari moduli dall’arresto degli attacchi di forza bruta alla visualizzazione delle statistiche del sito. Quando abbiamo recentemente controllato Google Page Speed ​​Insights, abbiamo trovato uno script devicepx da "s0.wp.com" caricato su tutte le pagine del sito. Questo script causa problemi di blocco del rendering e Google continuerà a mostrarlo come problema ad alta priorità per rimuovere questo script.

Abbiamo provato con W3 Total Cache e Autoptimize senza alcun utilizzo poiché questo script viene caricato da un sito di terze parti che non può essere memorizzato nella cache dai plug-in in esecuzione sul nostro sito. In questo articolo vediamo cos’è questo script, da dove viene e come disabilitarlo per risolvere il problema di blocco del rendering nello strumento Google PageSpeed ​​Insights.

Che cos’è lo script Jetpack Devicepx?

Lo script esatto è https://s0.wp.com/wp-content/js/devicepx-jetpack.js che può essere visto in PageSpeed ​​Insights come di seguito:

Risolvi il problema di blocco del rendering con lo script Jetpack Devicepx

Problema di blocco del rendering con Jetpack Devicepx

Ora vai al tuo sito e vai alla sezione "Plugin> Editor". Scegli il plug-in "Jetpack di WordPress.com" e cerca il file "class.jetpack.php". Puoi scoprire che questo script viene chiamato come di seguito:

Risolvi il problema di blocco del rendering con lo script Jetpack Devicepx

Codice Jetpack Devicepx

Il codice completo per chiamare lo script è il seguente:

/** * Device Pixels support * This improves the resolution of gravatars and wordpress.com uploads on hi-res and zoomed browsers. */ function devicepx() { if (Jetpack::is_active()) { wp_enqueue_script( 'devicepx', 'https://s0.wp.com/wp-content/js/devicepx-jetpack.js', array(), gmdate( 'oW' ), true ); } }

Lo scopo della sceneggiatura della sceneggiatura è scritto molto chiaramente nel commento. È necessario per mostrare gravatar ad alta risoluzione e altre immagini su retina e browser ingranditi.

Puoi anche aprire l’URL dello script in un browser e vedere che il codice della funzione è scritto per ingrandire le immagini.

Il problema

Anche qui il problema è chiaro. Lo script viene chiamato non appena il jetpack viene trovato attivo sul sito. Non fa parte di alcun modulo, quindi non puoi disattivare lo script senza disattivare il plugin. Questo problema è già aperto in Github.

C’è anche un dibattito sul fatto che lo script sia caricato a piè di pagina ma Google lo mostra come blocco del rendering in quanto non esiste un attributo asincrono per lo script. Non approfondiamo questo dibattito. È semplice: non hai bisogno di questo script soprattutto quando hai disattivato gravatar sul tuo sito.

Come disabilitare lo script Jetpack Devicepx?

Vai su “Aspetto > Editor" e trova il file “functions.php” del tuo tema. Aggiungi il pezzo di codice sottostante alla fine del file e salva le modifiche:

function disable_devicepx() { wp_dequeue_script( 'devicepx' ); } add_action( 'wp_enqueue_scripts', 'disable_devicepx' );

Ora torna a Google PageSpeed ​​e controlla il sito. Non dovresti vedere lo script in problemi di blocco del rendering.

1.Se hai disabilitato la modifica dei file dal pannello di amministrazione, dovresti usare FTP per accedere al file "functions.php".

2 Ricorda che tutte le modifiche apportate al file functions.php verranno cancellate ogni volta che aggiorni il tema. Puoi utilizzare il tema figlio o plugin aggiuntivi come i frammenti di codice per inserire il codice nel file "functions.php".

Fonte di registrazione: www.webnots.com
Lascia una risposta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More