software

[Soluzione WordPress] Elimina JavaScript e CSS che bloccano la visualizzazione nei contenuti above-the-fold

come-comprimere-js-css-html

Se utilizzate il tools Google PageSpeed Insights per vedere se il vostro sito è ottimizzato e avete un sito in WordPress, molto probabilmente avrete potuto notare questo messaggio fra i suggerimenti che dovremo andare ad effettuare per ottimizzarlo:

Elimina JavaScript e CSS che bloccano la visualizzazione nei contenuti above-the-fold

Oggi vediamo come risolvere questo problema con un semplice plugin di WordPress che comunque va testato sul vostro sito e che vi eliminerà questo suggerimento.

Come prima cosa c’è da dire che se vi appare questo suggerimento, stiamo pubblicando in modo non corretto i nostri file CSS e JS, o almeno non nel modo in cui si dovrebbe fare per rendere il sito più veloce.

Plugin per eliminare il messaggio Elimina JavaScript e CSS che bloccano la visualizzazione nei contenuti above-the-fold.

Il plugin che ci permetterà di rendere più veloce, alzare il punteggio ed eliminare tale suggerimento è Async JS and CSS.

Uno dei migliori hosting per WordPress:

Web Hosting

Async JS and CSS

Dove scaricare il plugin | Download

Vi ho già anticipato che come per ogni plugin, anche questo va testato sul vostro template per vedere se tutti i comportamenti delle pagine verranno visualizzati correttamente.

Una volta che avremo installato il plugin e attivato potremo trovare una nuova voce nel nostro pannello di controllo sotto la voce impostazioni che ci permetterà di scegliere se caricare in modo asincrono i nostri CSS e file Javascript:

velocizzarejsccswordpress

Nel caso non si dovesse visualizzare bene il nostro template, potremo inserire i file che potrebbero esserne la causa e quindi escluderli in modo tale che il plugin li ignori.

Per i CSS potremo scegliere se farli stampare in alto o in fondo alla pagina.

Niente di particolarmente difficile ed una volta configurato correttamente, potrete vedere il punteggio del Google Page Speed alzarsi.

googlepagespeedpunteggio

Come sempre se avete qualche domanda non esitate a chiedere nei commenti.

Ricerche correlate:

  • Google Page Speed css js
  • ottimizzare css js wordpress
  • file javascript css wordpress
  • velocizzare sito internet

Matteo Hsia