Tutorials • Dev
Configurare il modulo Google PageSpeed
In questo articolo verrà presentato il metodo per attivare o disattivare selettivamente i filtri PageSpeed relativi all'opzione SEO aggiuntiva.
10
Visualizzazioni 1744Aggiornato 2 aniPubblicato il 04/06/2020da Alexandru Jurca
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.
- add_head