Google PageSpeed è progettato per aiutarti a velocizzare il tuo sito web applicando automaticamente le ottimizzazioni consigliate alle pagine web e alle loro risorse (CSS, JavaScript, immagini).
Dal momento che è una delle richieste più ricercate che abbiamo ricevuto finora.
Ma tieni presente che sebbene l'abbiamo installato e abilitato su circa 6 sistemi in 3 regioni, stiamo ancora testando la maggior parte delle funzioni di mod_pagespeed per la compatibilità , rendimento e affidabilità .
È importante sottolineare che mod_pagespeed è ancora in un'offerta beta, le sue funzionalità potrebbero cambiare e quindi non possiamo garantire completamente che i moduli abilitati non siano in conflitto con i contenuti esistenti del tuo sito web.
Attualmente stiamo utilizzando il set di filtri PageSpeed CoreFilters che riteniamo sicuri per la maggior parte dei siti Web per velocizzare il tuo sito.
Questi sono i set di filtri forniti con le impostazioni predefinite sono:
add_head combine_css combine_javascript convert_meta_tags extend_cache fallback_rewrite_css_urls flatten_css_imports inline_css inline_import_to_link inline_javascript rewrite_css rewrite_images rewrite_javascript rewrite_style_attributes_with_url
Puoi vedere se il tuo sito web utilizza Mod_Pagespeed da https://ismodpagespeedworking.com/
Ma ogni applicazione, ogni sito web, ogni modulo, ogni plugin è unico e diverso. Ciò che funziona sul sito Web potrebbe riscontrare un problema nel prossimo. Ciò che funziona in un ambiente di test/staging potrebbe riscontrare problemi in produzione.
Il bello di tutto è che mentre PageSpeed si abilita per l'intero server (con opzioni globali che si propagano a tutti i VirtualHost), è un comportamento che può essere ignorato per host perché include anche la possibilità di limitare quali host PageSpeed continua.
Se riscontri problemi con il tuo sito web o hai bisogno di vedere tutto come è per impostazione predefinita o noti che le modifiche che stai apportando al tuo sito web non si riflettono in tempo reale), disattiva Mod_PageSpeed.
Accensione e spegnimento del modulo
Per disattivare temporaneamente PageSpeed, impostalo sul tuo .htaccess:
ModPagespeed standby
OR
ModPagespeed off
Per riaccenderlo, sostituisci "standby" o "off" con "on ”
Se vuoi disattivarlo completamente e sei un VPS o un cliente dedicato con accesso come amministratore di sistema alla configurazione Apache di primo livello, usa:
ModPagespeed unplugged
Se sei un cliente VPS o server dedicato con accesso "sudo" o "root", tieni presente che ModPagespeed in un host virtuale può sovrascrivere una direttiva ModPagespeed unplugged di primo livello.
Se hai bisogno di aggiungere qualcosa in più dal basso, aggiungilo uno alla volta al tuo ambiente di test/sviluppo/staging, osserva come influisce sul tuo sito web prima di spostarlo in produzione.
Puoi controllare il tuo punteggio su:
- Informazioni su PageSpeed
- GTmetrix | Ottimizzazione della velocità e delle prestazioni del sito web
Sappiamo che potrebbe creare dipendenza, ma non pensare al punteggio 100/100 su Google PageSpeed Insights solo dal punto di vista delle metriche. L'intera ragione per cui Google ha sviluppato PageSpeed Insights è stata una linea guida sulle migliori pratiche per le prestazioni web per fornire consigli per ottimizzare il tuo sito. E seguendo le linee guida, si spera, otterrai un sito web più veloce.
Gotcha e cose da tenere d'occhio
Quando PageSpeed riscrive una risorsa, aggiorna l'HTML per fare riferimento alla risorsa con il suo nuovo nome. In genere, PageSpeed lascia la risorsa alla stessa origine e allo stesso percorso originariamente trovato nell'HTML. Tuttavia, è possibile mappare il dominio delle risorse riscritte. Esempi di perché questo potrebbe essere desiderabile includono:
mod_pagespeed potrebbe riscrivere HTML e modificare i riferimenti agli URL (ad es. style.css) in una versione con estensione della cache. Se la conseguente richiesta del browser per il file CSS finisce su un server diverso rispetto al file HTML e quel server non ha mod_pagespeed installato, non sarà in grado di decodificare il nome della risorsa per trovare il file CSS.
Questo tipo di scenari potrebbe essere:
– se il server è dietro un sistema di bilanciamento del carico ed è più efficiente fare riferimento al server direttamente tramite il suo indirizzo IP o come "localhost". – il server ha una configurazione DNS speciale – il server è protetto da un firewall che impedisce le connessioni in uscita – il server è in esecuzione in una CDN o proxy e deve tornare al server di origine per le risorse – il server deve soddisfare le richieste https
In queste situazioni, è possibile mappare il dominio di origine delle risorse riscritte:
ModPagespeedMapOriginDomain origin_to_fetch_from origin_specified_in_html [host_header] ModPagespeedMapRewriteDomain cdn.example2.org *example.org ModPagespeedMapOriginDomain localhost *.example.com # Wildcards can also be used in the origin_specified_in_html. ModPagespeedMapOriginDomain localhost/example *.example.com # origin_to_fetch_from can include a path after the domain name.
es:
ModPagespeed On ModPagespeedDomain https://www.domain.com ModPagespeedMapOriginDomain https://www-origin.domain.com *.domain.com ModPagespeedMapRewriteDomain www.domain.com www-origin.domain.com ModPagespeedEnableFilters [...]
Cloudflare e Mod_PagesSpeed
Fino a quando non ci viene mostrato il contrario, crediamo che mod_pagespeed e Cloudflare di Google non abbiano conflitti noti in questo momento.
Tuttavia, ciò non significa che i siti Web con mod_pagespeed abilitato non possano riscontrare problemi con i domini che utilizzano CloudFlare.
Se succede, è perché sia CloudFlare che mod_pagespeed tentano di utilizzare la compressione quando servono il sito web.
Questo problema può essere spesso risolto disabilitando la compressione tramite CloudFlare per evitare la ridondanza.
Inoltre, se hai aggiunto minificazioni CSS e JS al tuo file .htaccess, disabilita le opzioni di minimizzazione JS e CSS in Cloudflare poiché le hai già abilitate nella configurazione di Pagespeed.
La CDN e i servizi di ottimizzazione di Cloudflare potrebbero essere più veloci perché Cloudflare è anche una CDN (rete di distribuzione dei contenuti), quindi l'esecuzione di mod_pagespeed su un sito Web abilitato per Cloudflare potrebbe essere alquanto ridondante poiché molte delle funzionalità offerte da mod_pagespeed sono già disponibili anche nella funzionalità di Cloudflare impostato.
WordPress e Mod_PageSpeed
Sebbene sia il CMS più popolare al mondo, dal punto di vista degli sviluppatori, WordPress non è la piattaforma più veloce in circolazione.
Pertanto, i clienti che utilizzano WordPress spesso devono utilizzare plug-in WordPress che si occupano della minimizzazione dei file JS e CSS per velocizzare l'applicazione.
Fai attenzione con questi plug-in se li stai utilizzando sul tuo sito Web insieme a PageSpeed poiché potrebbero rovinare completamente il tuo sito e i moduli di contatto. Ti consigliamo di disabilitarli prima e poi di aggiungerli di nuovo gradualmente se devi usarli.
Come regola generale, dovresti evitare assolutamente di utilizzare troppi plug-in e dovrebbe eliminare o disabilitare i plug-in che non vengono utilizzati e utilizzare piccole modifiche utilizzando la codifica personalizzata anziché installare plug-in mostruosi che caricano 2-3 file JavaScript o CSS.
Fai attenzione a usare entrambi questi strumenti insieme perché potrebbe volerci del tempo prima che si manifestino i conflitti. Prova, prova e prova di nuovo prima di abilitarlo completamente per i tuoi siti Web WordPress.
Pagespeed può ottimizzare i formati immagine più comuni, inclusi GIF, PNG e JPEG, e convertirli in PNG, JPEG o WebP. GIF, PNG e JPEG sono supportati da tutti i browser. WebP è un formato di immagine moderno che può comprimere le immagini oltre il 25% in più rispetto ai formati precedenti ed è attualmente supportato da molti browser, tra cui Google Chrome, Android 4.0+ e Opera. Nota che non tutti i browser supportano questo:https://caniuse.com/#search=webp. Le immagini ottimizzate per PageSpeed vengono convertite nel miglior formato supportato dal browser di destinazione, ad esempio in WebP se supportato, o PNG o JPEG in caso contrario.