Configurare il modulo Google PageSpeed

Introduzione

• In caso attivando l'opzione SEO aggiuntiva e implicitamente il modulo Google PageSpeed si creino differenze indesiderate all'interno del sito, sia visivamente che funzionalmente, vari componenti del modulo possono essere disattivati selettivamente modificando il file .htaccess.

Requisiti

• I dettagli di accesso per il pannello di controllo (Plesk o cPanel, a seconda dei casi), per modificare il file .htaccess tramite il File Manager.

Passaggi

• Per verificare se il modulo PageSpeed è responsabile per il problema riscontrato, è possibile disattivare l'intero modulo, aggiungendo nel file .htaccess, nella directory radice del sito, la seguente riga:

ModPagespeed off

• Dopo questo passaggio, se il sito si carica correttamente, le righe aggiunte sopra verranno eliminate e il processo continuerà a identificare l'elemento specifico responsabile della visualizzazione errata.
• Un primo passo sarebbe controllare gli errori ricevuti durante il caricamento della pagina accedendovi con la Modalità Sviluppatore del browser, il collegamento generale per l'attivazione è F12 per i browser usuali. Ad esempio, un errore di caricamento per JS o CSS indicherà un possibile conflitto con i filtri PageSpeed, che interagiscono con questi elementi.

Per disabilitare un filtro specifico, la seguente regola dovrebbe essere aggiunta al file .htaccess:

ModPagespeedDisableFilters nome_filtro

Dove name_filter sarà sostituito con l'identificatore desiderato.

• In alternativa, la modalità operativa di PageSpeed può essere modificata, in modo da poter attivare selettivamente ciascun elemento desiderato impostando:

ModPagespeedRewriteLevel PassThrough

Poi, gli elementi desiderati per l'attivazione saranno specificati come segue:

ModPagespeedEnableFilters filter_name

Inoltre, nume_filtru sarà sostituito con l'identificatore desiderato.

• Un file .htaccess può essere creato anche con queste regole in una sotto-directory che contiene stili (CSS, Javascript, HTML). In questo modo, le regole preferenziali si applicheranno rigorosamente a quella sotto-directory.
• Gli elementi che vengono attivati per impostazione predefinita quando si attiva l'opzione SEO aggiuntiva sono:
  *Questi sono anche gli identificatori che puoi utilizzare nelle regole .htaccess.

• • add_head
    Aggiunge un elemento di tipo <head> al documento se non esiste già.
  • combine_css
    Combina più elementi CSS in uno.
  • combine_javascript
    Combina più elementi JavaScript in uno singolo.
  • remove_comments
    Rimuove i commenti dai file HTML elaborati. Tuttavia, non rimuove i commenti CSS o JavaScript inline.
  • sprite_images
    Combina le immagini di sfondo dal CSS in un'unica Sprite.
  • collapse_whitespace
    Rimuove gli spazi vuoti dai file HTML, escludendo i tag: "pre, script, style, textarea"
  • lazyload_images
    Carica le immagini solo quando diventano visibili nella pagina.
  • convert_meta_tags
    Aggiunge un "header di risposta" per ogni "meta" tag con un attributo "http-equiv".
  • extend_cache
    Estende il tempo di retention per la cache relativa a immagini, elementi CSS e script che non sono stati ottimizzati, firmando gli URL con un hash del contenuto.
    I seguenti filtri sono implicitamente attivi se extend_cache è abilitato:
    extend_cache_css
    extend_cache_images
    extend_cache_scripts
    Per un livello di controllo più elevato, i filtri sopra menzionati possono essere attivati individualmente
  • fallback_rewrite_css_urls
    Riscrivi gli URL per le risorse che non possono essere minimizzate o elaborate dai file CSS.
  • flatten_css_imports
    Sostituisce ricorsivamente ogni regola @import con il contenuto del file CSS importato per ridurre il numero di richieste esterne.
  • inline_css
    Aggiunge piccole risorse CSS esterne al documento HTML in forma inline.
  • inline_import_to_link
    Trasforma "style" tag che contengono solo CSS @import in equivalenti "link" tag
  • inline_javascript
    Scrivi risorse JS di piccole dimensioni come inline all'interno del documento HTML.
  • rewrite_css
    Riscrive i file CSS per rimuovere commenti e spazi bianchi eccessivi.
  • rewrite_images
    Ottimizza le immagini modificandole e rimuovendo pixel extra.
    Inoltre, aggiunge piccole immagini come inline nel documento.
  • rewrite_javascript
    Riscrive i file JavaScript, rimuovendo spazi bianchi e commenti in eccesso.
  • rewrite_style_attributes_with_url
    Riscrive il CSS dagli attributi di stile se contiene il testo "url(" utilizzando il filtro rewrite_css configurato.