{"id":218,"date":"2011-04-05T09:51:08","date_gmt":"2011-04-05T08:51:08","guid":{"rendered":"http:\/\/www.manuelmarangoni.it\/sir-bit\/?p=218"},"modified":"2015-12-22T10:36:15","modified_gmt":"2015-12-22T09:36:15","slug":"page-speed-online-il-rilevatore-di-prestazioni-per-siti-web","status":"publish","type":"post","link":"https:\/\/www.manuelmarangoni.it\/sir-bit\/218\/page-speed-online-il-rilevatore-di-prestazioni-per-siti-web\/","title":{"rendered":"Page Speed Online, il rilevatore di prestazioni per siti web"},"content":{"rendered":"<p>Non poteva mancare uno strumento di casa Google che servisse a monitorare la velocit\u00e0 di caricamento di una pagina web.<br \/>\n<a title=\"Link diretto a Page Speed Online di Google, analizzatore del caricamento di pagine web\" href=\"http:\/\/pagespeed.googlelabs.com\/\" target=\"_blank\">Page Speed Online<\/a> \u00e8 questo che fa: inserendo l&#8217;indirizzo internet in un semplice box e selezionando il tipo di test da eseguire (desktop o mobile), inizier\u00e0 un&#8217;analisi approfondita della pagina. Al termine della scansione apparir\u00e0 un punteggio tra 1 e 100 (dove 100 \u00e8 una pagina dalle prestazioni eccezionali).<\/p>\n<p>Non solo: Page Speed offrir\u00e0 dei <strong>preziosi consigli su come fare per migliorare la velocit\u00e0 di caricamento<\/strong>. Si tratta di miglioramenti da applicare al codice HTML, CSS e JavaScript, ma anche a qualsiasi elemento che inficia sull&#8217;apertura della pagina.<\/p>\n<p>Come agisce questo strumento? I Web Kit di Google passano a rassegna l&#8217;intera pagina e simulano la navigazione tramite un comune browser. La differenziazione tra <em>desktop<\/em> e <em>mobile<\/em> \u00e8 importante, perch\u00e9 le risorse di utilizzo nei due casi sono diverse e hanno bisogno di analisi differenti.<br \/>\nDa notare che, in caso di redirect, Page Speed analizzer\u00e0 la pagina di destinazione, il che sar\u00e0 specificato all&#8217;inizio della pagina di scansione (digitando per esempio <a title=\"Manuel Marangoni\" href=\"https:\/\/www.manuelmarangoni.it\" target=\"_blank\">www.manuelmarangoni.it<\/a>, che al momento ha un redirect alla sottocartella www.manuelmarangoni.it\/onemind, lo strumento analizzer\u00e0 in automatico quest&#8217;ultimo riferimento).<!--more--><\/p>\n<p>Questa \u00e8 un esempio di come appare la pagina al termine della scansione del sito <em>www.larepubblica.it<\/em> (cliccate sull&#8217;immagine per ingrandirla):<\/p>\n<div id=\"attachment_221\" style=\"width: 460px\" class=\"wp-caption aligncenter\"><a class=\"lightbox\" title=\"Una schermata dopo la scansione di Page Speed Online\" href=\"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-content\/uploads\/2011\/04\/Page-Speed-Online.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-221\" class=\"size-large wp-image-221\" title=\"Una schermata dopo la scansione di Page Speed Online\" src=\"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-content\/uploads\/2011\/04\/Page-Speed-Online-1024x595.jpg\" alt=\"Page Speed Online\" width=\"450\" height=\"261\" srcset=\"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-content\/uploads\/2011\/04\/Page-Speed-Online-1024x595.jpg 1024w, https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-content\/uploads\/2011\/04\/Page-Speed-Online-300x174.jpg 300w, https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-content\/uploads\/2011\/04\/Page-Speed-Online.jpg 1184w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><\/a><p id=\"caption-attachment-221\" class=\"wp-caption-text\">Una schermata dopo la scansione di Page Speed Online<\/p><\/div>\n<p>Come vedete ha ottenuto un buon punteggio (84\/100). Sulla sinistra appare la lista delle possibili modifiche da apportare agli elementi della pagina per migliorarlo ulteriormente. Un ottimo aiuto per gli sviluppatori, che possono avere un&#8217;idea di dove mettere le mani.<br \/>\nInnanzitutto, ci dovremmo concentrare sull&#8217;elenco alla voce &#8220;High priority&#8221;, perch\u00e9 quasi certamente apporter\u00e0 una significativa miglioria al caricamento. A ruota potremmo occuparci del &#8220;Medium priority&#8221; e del &#8220;Low priority&#8221;.<\/p>\n\n<p>Nel caso dell&#8217;esempio, il sito de <em>La Repubblica<\/em> sarebbe pi\u00f9 performante specificando nell&#8217;headers della pagina una data di scadenza per gli elementi statici, in modo da permettere al browser di caricare le risorse dal disco fisso (salvate in una precedente visita) anzich\u00e9 dalla rete.<br \/>\nPer ogni consiglio, comunque, \u00e8 sufficiente cliccare su &#8220;Learn more&#8221; per aprire <strong>una pagina esaustiva che indichi come attuare la modifica suggerita<\/strong>.<\/p>\n<p>Gli sviluppatori di siti web non possono che apprezzare questo nuovo gadget di Google, che in passato era presente soltanto come plugin di Firefox e di Chrome, mentre ora \u00e8 accessibile attraverso qualsiasi browser.<\/p>\n<p>In <a title=\"Articolo su Page Speed Online di Google\" href=\"http:\/\/googlewebmastercentral.blogspot.com\/2011\/03\/introducing-page-speed-online-with.html\" target=\"_blank\">questa pagina<\/a> potete leggere (in inglese) l&#8217;articolo originale di Google.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Page Speed Online \u00e8 un gadget capace di monitorare la velocit\u00e0 di caricamento di una pagina web e di offrire consigli su come migliorare le prestazioni. Semplice da usare, \u00e8 uno strumento indubbiamente utile per gli sviluppatori.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[8,25],"class_list":["post-218","post","type-post","status-publish","format-standard","hentry","category-web","tag-google","tag-strumenti-per-web","cat-7-id"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/posts\/218"}],"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=218"}],"version-history":[{"count":13,"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/posts\/218\/revisions"}],"predecessor-version":[{"id":2127,"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/posts\/218\/revisions\/2127"}],"wp:attachment":[{"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/media?parent=218"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/categories?post=218"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/tags?post=218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}