{"id":499,"date":"2011-08-25T00:01:54","date_gmt":"2011-08-24T22:01:54","guid":{"rendered":"http:\/\/www.manuelmarangoni.it\/sir-bit\/?p=499"},"modified":"2016-01-11T11:25:54","modified_gmt":"2016-01-11T10:25:54","slug":"monitorare-la-velocita-di-caricamento-del-proprio-sito-internet-con-google-analytics","status":"publish","type":"post","link":"https:\/\/www.manuelmarangoni.it\/sir-bit\/499\/monitorare-la-velocita-di-caricamento-del-proprio-sito-internet-con-google-analytics\/","title":{"rendered":"Monitorare la velocit\u00e0 di caricamento del proprio sito internet con Google Analytics"},"content":{"rendered":"
\"Homepage<\/a>

Google Analytics ci mette a disposizione uno strumento per monitorare la velocit\u00e0 di caricamento delle nostre pagine<\/p><\/div>\n

Vi siete mai chiesti quanto impiega il vostro sito per caricare una pagina? Magari a casa avete l’adsl e notate poco la differenza tra una facciata senza immagini e una con una grafica pesante, ma – che ci crediate o no – nel nostro Paese esistono ancora zone isolate in cui arriva a malapena il vecchio 56Kb (evitiamo poi di considerare il resto del mondo).
\nPotreste vederli come episodi isolati e ignorarli di sana pianta, eppure anche chi \u00e8 dotato di adsl si ritrova spesso a cambiare sito per impazienza quando vede la grafica apparire a scatti e il browser continuare a caricare senza sosta.<\/p>\n

Problemi da poco? L’utente dovr\u00e0 adattarsi? Niente affatto. Soprattutto perch\u00e9 Google ha intenzione, in un futuro non molto lontano, di penalizzare i siti lenti nelle sue ricerche<\/a><\/strong>. Ecco allora che monitorare la velocit\u00e0 del proprio website diventa obbligatorio e, per farlo, ci viene in aiuto niente meno che Google Analytics.<\/p>\n

Cos’\u00e8 Google Analytics<\/h2>\n

Google Analytics<\/a> \u00e8 uno strumento indispensabile per chi possiede un sito internet. Basta avere un account in Google e inserire un codice predefinito in ognuna delle nostre pagine per avere una panoramica completa di quanto e come \u00e8 stata frequentata: quanti utenti hanno visitato il nostro sito, quanto tempo si sono soffermati<\/strong> su una pagina, da dove provengono, ecc..
\nIn linea di massima, il codice da inserire subito prima della chiusura del tag della pagina \u00e8 di questo genere:<\/p>\n

\n\n\n\n
\n
1\r\n2\r\n3<\/pre>\n<\/td>\n
\n
<<\/span>script type=<\/span>\"text\/javascript\"<\/span>><\/span>\/\/ <![CDATA[<\/span>\r\n  var<\/span> _gaq =<\/span> _gaq ||<\/span> [<\/span>]<\/span>;<\/span>  _gaq.push<\/span>(<\/span>[<\/span>'_setAccount'<\/span>,<\/span> 'UA-XXXXX-X'<\/span>]<\/span>)<\/span>;<\/span>  _gaq.push<\/span>(<\/span>[<\/span>'_trackPageview'<\/span>]<\/span>)<\/span>;<\/span>  (<\/span>function<\/span>(<\/span>)<\/span> {<\/span>    var<\/span> ga =<\/span> document.createElement<\/span>(<\/span>'script'<\/span>)<\/span>;<\/span> ga.type<\/span> =<\/span> 'text\/javascript'<\/span>;<\/span> ga.async<\/span> =<\/span> true<\/span>;<\/span>    ga.src<\/span> =<\/span> (<\/span>'https:'<\/span> ==<\/span> document.location<\/span>.protocol<\/span> ?<\/span> 'https:\/\/ssl'<\/span> :<\/span> 'http:\/\/www'<\/span>)<\/span> +<\/span> '.google-analytics.com\/ga.js'<\/span>;<\/span>    var<\/span> s =<\/span> document.getElementsByTagName<\/span>(<\/span>'script'<\/span>)<\/span>[<\/span>0<\/span>]<\/span>;<\/span> s.parentNode<\/span>.insertBefore<\/span>(<\/span>ga,<\/span> s)<\/span>;<\/span>  }<\/span>)<\/span>(<\/span>)<\/span>;<\/span>\r\n\/\/ ]]><\/script><\/span><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
avendo l’accortezza di sostituire ‘UA-XXXXX-X’<\/em> con il codice fornito da Google Analytics stesso.<\/p>\n\n
Il codice per il caricamento delle pagine<\/h2>\n
Di recente Google Analytics ha inserito una nuova funzione di monitoraggio<\/strong>. Ci basta aggiungere allo script sopra il metodo _trackPageLoadTime();<\/em> e, ogni volta che accederemo al nostro account di Google Analytics, avremo anche le statistiche per il caricamento delle pagine. In pratica il nuovo codice da inserire prima del tag (sovrascrivendo l’altro) sar\u00e0:<\/p>\n
\n\n\n\n
\n
1\r\n2\r\n3<\/pre>\n<\/td>\n
\n
<<\/span>script type=<\/span>\"text\/javascript\"<\/span>><\/span>\/\/ <![CDATA[<\/span>\r\n  var<\/span> _gaq =<\/span> _gaq ||<\/span> [<\/span>]<\/span>;<\/span>  _gaq.push<\/span>(<\/span>[<\/span>'_setAccount'<\/span>,<\/span> 'UA-XXXXX-X'<\/span>]<\/span>)<\/span>;<\/span>  _gaq.push<\/span>(<\/span>[<\/span>'_trackPageview'<\/span>]<\/span>)<\/span>;<\/span>  _gaq.push<\/span>(<\/span>[<\/span>'_trackPageLoadTime'<\/span>]<\/span>)<\/span>;<\/span>  (<\/span>function<\/span>(<\/span>)<\/span> {<\/span>    var<\/span> ga =<\/span> document.createElement<\/span>(<\/span>'script'<\/span>)<\/span>;<\/span> ga.type<\/span> =<\/span> 'text\/javascript'<\/span>;<\/span> ga.async<\/span> =<\/span> true<\/span>;<\/span>    ga.src<\/span> =<\/span> (<\/span>'https:'<\/span> ==<\/span> document.location<\/span>.protocol<\/span> ?<\/span> 'https:\/\/ssl'<\/span> :<\/span> 'http:\/\/www'<\/span>)<\/span> +<\/span> '.google-analytics.com\/ga.js'<\/span>;<\/span>    var<\/span> s =<\/span> document.getElementsByTagName<\/span>(<\/span>'script'<\/span>)<\/span>[<\/span>0<\/span>]<\/span>;<\/span> s.parentNode<\/span>.insertBefore<\/span>(<\/span>ga,<\/span> s)<\/span>;<\/span>  }<\/span>)<\/span>(<\/span>)<\/span>;<\/span>\r\n\/\/ ]]><\/script><\/span><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
In verit\u00e0, come si legge sulla guida italiana<\/a>, il metodo funziona effettivamente soltanto con i browser che supportano il nuovo HTML5, ma c’\u00e8 da sperare che entro pochi anni gran parte dei browser saranno aggiornati alla nuova versione.<\/p>\n
I dati sulla velocit\u00e0 di caricamento sono disponibili nella nuova versione di Google Analytics<\/strong> (per chi ancora non l’ha scelta, \u00e8 sufficiente premere il tasto “Nuova versione” in alto; in qualsiasi momento si pu\u00f2 ritornare alla versione precedente), entrando nel menu laterale “Contenuti” e scegliendo “Velocit\u00e0 sito”.
\nAvrete a disposizione una serie di dati, come il tempo di caricamento medio per l’intero sito e quello per ogni singola pagina. Nel link che ho messo sopra potete leggere informazioni esaustive e dettagliate sui vari elementi.<\/p>\n
Se usato bene, questo strumento sar\u00e0 importante per fidelizzare il cliente e per scoprire falle tra le nostre pagine. Ricordo, naturalmente, che le immagini non sono sempre l’unica causa del rallentamento: a volte \u00e8 necessario fare un “alleggerimento” in alcuni punti del layout male impostati. I fattori da considerare sono molti e occorrerebbe un intero articolo per valutarli.<\/p>\n","protected":false},"excerpt":{"rendered":"
La nuova funzione di Google Analytics ci permette di monitorare la velocit\u00e0 di caricamento di ogni singola pagina del nostro sito, con la semplice aggiunta di un metodo.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[8,37],"class_list":["post-499","post","type-post","status-publish","format-standard","hentry","category-programmazione","tag-google","tag-google-analytics","cat-3-id"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/posts\/499"}],"collection":[{"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/comments?post=499"}],"version-history":[{"count":10,"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/posts\/499\/revisions"}],"predecessor-version":[{"id":2193,"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/posts\/499\/revisions\/2193"}],"wp:attachment":[{"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/media?parent=499"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/categories?post=499"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/tags?post=499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}