SlideShare a Scribd company logo
1 of 16
Velocità dei siti ed
       esperienza utente
           Le ottimizzazioni che non ti aspetti



              WebReevolution, Roma, 16 giugno 2012




Enrico Altavilla
Chi sono?


                       Un SEO
              Ho iniziato nell’anno 2000
               Ho un po’ di storico…

           <link rel="canonical"
      href="seo-morto.ppt/chi-sono/"/>



Enrico Altavilla
Ottimizzazioni tipiche




Enrico Altavilla
Ottimizzazioni tipiche


            Strumenti solitamente usati:

               Google Page Speed
                     YSlow
                WebPageTest.org
                    GTmetrix
              GWT e Google Analytics


Enrico Altavilla
Quanto reggete il traffico?


                   Loadimpact.com




Enrico Altavilla
Risparmio della banda


      Quanta banda consumano gli spider?

 Date un'occhiata alle
 statistiche su GWT, valutate
 dai log del server che risorse
 vengono richieste, riducete
 gli accessi degli spider via
 sitemap XML o file robots.txt




Enrico Altavilla
Oltre l'HTTP


         SPDY: protocollo complementare

 Vantaggio tipico: riduzione di
 richieste multiple di risorse.
 C'è anche un modulo per
 Apache




Enrico Altavilla
Oltre il JPEG


          WebP: file immagine più piccoli

 Al momento supportato solo
 da Chrome, Opera e alcuni
 software.
 Ricordate che è possibile
 presentare file WebP anche
 a seconda del browser
 dell'utente



Enrico Altavilla
Keep It Simple, Stupid


  Revisione del design e dell'architettura del sito


 Quanta "roba" presentate
 agli utenti su una pagina?
 Avete mai fatto o suggerito
 un'analisi di usabilità del
 sito?




Enrico Altavilla
Pulsanti e commenti social


          Quanto vengono realmente usati?


 Date un'occhiata al reale
 utilizzo dei pulsanti social e
 decidete quanti e quali usarli
 in funzione del vostro target
 e dei vostri obiettivi




Enrico Altavilla
Uso di prefetch e prerender - 1


         Imparate a conoscere i vostri utenti


 In funzione della pagina del
 sito da cui iniziano la visita,
 quali altre pagine visitano
 successivamente?




Enrico Altavilla
Uso di prefetch e prerender - 2


      Indicate ai browser le pagine successive


         <link rel="prerender prefetch"
     href="http://esempio.it/pagina-2.html">




Enrico Altavilla
Prefetching e prerendering sulle SERP




              Siate contenti di arrivare 1




Enrico Altavilla
Versioni alternative del sito - 1


         Interfacce diverse per utenti diversi


 C'è una tendenza sempre
 maggiore ad essere visitati
 attraverso smartphone o
 tablet?




Enrico Altavilla
Versioni alternative del sito - 2


                   Applicazioni e ranking


 Spesso la differenza tra sito
 e applicazione è molto
 sfumata. Google spinge per
 un web più veloce ma
 l'obiettivo generico è
 un'esperienza più
 soddisfacente.



Enrico Altavilla
Grazie!
   Enrico Altavilla
Proud Member of




 www.searchbrain.it/altavilla

More Related Content

Similar to Velocità dei siti ed esperienza utente, le ottimizzazioni che non ti aspetti

Semplicità: accessibilità business oriented
Semplicità: accessibilità business orientedSemplicità: accessibilità business oriented
Semplicità: accessibilità business orientedFabrizio Caccavello
 
Joomla fap-joomla-day-2012
Joomla fap-joomla-day-2012Joomla fap-joomla-day-2012
Joomla fap-joomla-day-2012elpaso66
 
SERP step by step: viaggio nell’evoluzione dei motori di ricerca
SERP step by step: viaggio nell’evoluzione dei motori di ricercaSERP step by step: viaggio nell’evoluzione dei motori di ricerca
SERP step by step: viaggio nell’evoluzione dei motori di ricercaSemrush Italia
 
13. Web feed e aggregatori
13. Web feed e aggregatori13. Web feed e aggregatori
13. Web feed e aggregatoriRoberto Polillo
 
GAE python GDG Milano - L01
GAE python GDG Milano - L01GAE python GDG Milano - L01
GAE python GDG Milano - L01Paolo Dadda
 
Web Analytics - Master Social Media IULM -Alessio Semoli
Web Analytics - Master Social Media IULM -Alessio SemoliWeb Analytics - Master Social Media IULM -Alessio Semoli
Web Analytics - Master Social Media IULM -Alessio SemoliAlessio Semoli
 
Google Webmaster Tools: funzioni utili e funzioni fuorvianti
Google Webmaster Tools: funzioni utili e funzioni fuorviantiGoogle Webmaster Tools: funzioni utili e funzioni fuorvianti
Google Webmaster Tools: funzioni utili e funzioni fuorviantiSearchBrain
 
Lezione5 Usability-confartigianato
Lezione5 Usability-confartigianatoLezione5 Usability-confartigianato
Lezione5 Usability-confartigianatoAndrea Vaccarella
 
Web 2.0, motori di ricerca e partecipazione
Web 2.0, motori di ricerca e partecipazioneWeb 2.0, motori di ricerca e partecipazione
Web 2.0, motori di ricerca e partecipazioneMassimiliano Navacchia
 
Session isolation e rendering delle pagine web
Session isolation e rendering delle pagine webSession isolation e rendering delle pagine web
Session isolation e rendering delle pagine webGiacomo Zecchini
 
Corso Web 2.0: Web feed e aggregatori
Corso Web 2.0: Web feed e aggregatoriCorso Web 2.0: Web feed e aggregatori
Corso Web 2.0: Web feed e aggregatoriRoberto Polillo
 
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDESMAU
 
2011-2014: cosa è cambiato sul Web per le aziende
2011-2014: cosa è cambiato sul Web per le aziende2011-2014: cosa è cambiato sul Web per le aziende
2011-2014: cosa è cambiato sul Web per le aziendeGabriele Romanato
 
La lista completa degli strumenti gratuiti seo
La lista completa degli strumenti gratuiti seoLa lista completa degli strumenti gratuiti seo
La lista completa degli strumenti gratuiti seoMelchiorre Schifano
 
Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...
Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...
Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...Simone Onofri
 
Seo e Web Marketing - 1 | WebMaster & WebDesigner
Seo e Web Marketing - 1 | WebMaster & WebDesignerSeo e Web Marketing - 1 | WebMaster & WebDesigner
Seo e Web Marketing - 1 | WebMaster & WebDesignerMatteo Magni
 
Laboratorio internet: 5. Requisiti (parte III)
Laboratorio internet: 5. Requisiti (parte III)Laboratorio internet: 5. Requisiti (parte III)
Laboratorio internet: 5. Requisiti (parte III)Roberto Polillo
 

Similar to Velocità dei siti ed esperienza utente, le ottimizzazioni che non ti aspetti (20)

Semplicità: accessibilità business oriented
Semplicità: accessibilità business orientedSemplicità: accessibilità business oriented
Semplicità: accessibilità business oriented
 
Acadevmy - PWA Overview
Acadevmy - PWA OverviewAcadevmy - PWA Overview
Acadevmy - PWA Overview
 
Joomla fap-joomla-day-2012
Joomla fap-joomla-day-2012Joomla fap-joomla-day-2012
Joomla fap-joomla-day-2012
 
SERP step by step: viaggio nell’evoluzione dei motori di ricerca
SERP step by step: viaggio nell’evoluzione dei motori di ricercaSERP step by step: viaggio nell’evoluzione dei motori di ricerca
SERP step by step: viaggio nell’evoluzione dei motori di ricerca
 
Smau - primo anno
Smau - primo annoSmau - primo anno
Smau - primo anno
 
13. Web feed e aggregatori
13. Web feed e aggregatori13. Web feed e aggregatori
13. Web feed e aggregatori
 
GAE python GDG Milano - L01
GAE python GDG Milano - L01GAE python GDG Milano - L01
GAE python GDG Milano - L01
 
Web Analytics - Master Social Media IULM -Alessio Semoli
Web Analytics - Master Social Media IULM -Alessio SemoliWeb Analytics - Master Social Media IULM -Alessio Semoli
Web Analytics - Master Social Media IULM -Alessio Semoli
 
Google Webmaster Tools: funzioni utili e funzioni fuorvianti
Google Webmaster Tools: funzioni utili e funzioni fuorviantiGoogle Webmaster Tools: funzioni utili e funzioni fuorvianti
Google Webmaster Tools: funzioni utili e funzioni fuorvianti
 
Lezione5 Usability-confartigianato
Lezione5 Usability-confartigianatoLezione5 Usability-confartigianato
Lezione5 Usability-confartigianato
 
Creare PWA con Angular
Creare PWA con AngularCreare PWA con Angular
Creare PWA con Angular
 
Web 2.0, motori di ricerca e partecipazione
Web 2.0, motori di ricerca e partecipazioneWeb 2.0, motori di ricerca e partecipazione
Web 2.0, motori di ricerca e partecipazione
 
Session isolation e rendering delle pagine web
Session isolation e rendering delle pagine webSession isolation e rendering delle pagine web
Session isolation e rendering delle pagine web
 
Corso Web 2.0: Web feed e aggregatori
Corso Web 2.0: Web feed e aggregatoriCorso Web 2.0: Web feed e aggregatori
Corso Web 2.0: Web feed e aggregatori
 
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
 
2011-2014: cosa è cambiato sul Web per le aziende
2011-2014: cosa è cambiato sul Web per le aziende2011-2014: cosa è cambiato sul Web per le aziende
2011-2014: cosa è cambiato sul Web per le aziende
 
La lista completa degli strumenti gratuiti seo
La lista completa degli strumenti gratuiti seoLa lista completa degli strumenti gratuiti seo
La lista completa degli strumenti gratuiti seo
 
Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...
Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...
Accessibilità dei Contenuti per il Web secondo il W3C: Introduzione alle WCAG...
 
Seo e Web Marketing - 1 | WebMaster & WebDesigner
Seo e Web Marketing - 1 | WebMaster & WebDesignerSeo e Web Marketing - 1 | WebMaster & WebDesigner
Seo e Web Marketing - 1 | WebMaster & WebDesigner
 
Laboratorio internet: 5. Requisiti (parte III)
Laboratorio internet: 5. Requisiti (parte III)Laboratorio internet: 5. Requisiti (parte III)
Laboratorio internet: 5. Requisiti (parte III)
 

More from SearchBrain

Come le azioni degli utenti modificano il ranking su Google
Come le azioni degli utenti modificano il ranking su GoogleCome le azioni degli utenti modificano il ranking su Google
Come le azioni degli utenti modificano il ranking su GoogleSearchBrain
 
Come funziona l'indicizzazione su Google
Come funziona l'indicizzazione su GoogleCome funziona l'indicizzazione su Google
Come funziona l'indicizzazione su GoogleSearchBrain
 
Google Search e la (scarsa) intelligenza artificiale
Google Search e la (scarsa) intelligenza artificialeGoogle Search e la (scarsa) intelligenza artificiale
Google Search e la (scarsa) intelligenza artificialeSearchBrain
 
Buy Visibility Online
Buy Visibility OnlineBuy Visibility Online
Buy Visibility OnlineSearchBrain
 
Case History sulle Sitemap XML
Case History sulle Sitemap XMLCase History sulle Sitemap XML
Case History sulle Sitemap XMLSearchBrain
 
Google News e pubblicazioni online
Google News e pubblicazioni onlineGoogle News e pubblicazioni online
Google News e pubblicazioni onlineSearchBrain
 
SEO e motori di ricerca uno sguardo nel tempo
SEO e motori di ricerca uno sguardo nel tempoSEO e motori di ricerca uno sguardo nel tempo
SEO e motori di ricerca uno sguardo nel tempoSearchBrain
 

More from SearchBrain (7)

Come le azioni degli utenti modificano il ranking su Google
Come le azioni degli utenti modificano il ranking su GoogleCome le azioni degli utenti modificano il ranking su Google
Come le azioni degli utenti modificano il ranking su Google
 
Come funziona l'indicizzazione su Google
Come funziona l'indicizzazione su GoogleCome funziona l'indicizzazione su Google
Come funziona l'indicizzazione su Google
 
Google Search e la (scarsa) intelligenza artificiale
Google Search e la (scarsa) intelligenza artificialeGoogle Search e la (scarsa) intelligenza artificiale
Google Search e la (scarsa) intelligenza artificiale
 
Buy Visibility Online
Buy Visibility OnlineBuy Visibility Online
Buy Visibility Online
 
Case History sulle Sitemap XML
Case History sulle Sitemap XMLCase History sulle Sitemap XML
Case History sulle Sitemap XML
 
Google News e pubblicazioni online
Google News e pubblicazioni onlineGoogle News e pubblicazioni online
Google News e pubblicazioni online
 
SEO e motori di ricerca uno sguardo nel tempo
SEO e motori di ricerca uno sguardo nel tempoSEO e motori di ricerca uno sguardo nel tempo
SEO e motori di ricerca uno sguardo nel tempo
 

Velocità dei siti ed esperienza utente, le ottimizzazioni che non ti aspetti

  • 1. Velocità dei siti ed esperienza utente Le ottimizzazioni che non ti aspetti WebReevolution, Roma, 16 giugno 2012 Enrico Altavilla
  • 2. Chi sono? Un SEO Ho iniziato nell’anno 2000 Ho un po’ di storico… <link rel="canonical" href="seo-morto.ppt/chi-sono/"/> Enrico Altavilla
  • 4. Ottimizzazioni tipiche Strumenti solitamente usati: Google Page Speed YSlow WebPageTest.org GTmetrix GWT e Google Analytics Enrico Altavilla
  • 5. Quanto reggete il traffico? Loadimpact.com Enrico Altavilla
  • 6. Risparmio della banda Quanta banda consumano gli spider? Date un'occhiata alle statistiche su GWT, valutate dai log del server che risorse vengono richieste, riducete gli accessi degli spider via sitemap XML o file robots.txt Enrico Altavilla
  • 7. Oltre l'HTTP SPDY: protocollo complementare Vantaggio tipico: riduzione di richieste multiple di risorse. C'è anche un modulo per Apache Enrico Altavilla
  • 8. Oltre il JPEG WebP: file immagine più piccoli Al momento supportato solo da Chrome, Opera e alcuni software. Ricordate che è possibile presentare file WebP anche a seconda del browser dell'utente Enrico Altavilla
  • 9. Keep It Simple, Stupid Revisione del design e dell'architettura del sito Quanta "roba" presentate agli utenti su una pagina? Avete mai fatto o suggerito un'analisi di usabilità del sito? Enrico Altavilla
  • 10. Pulsanti e commenti social Quanto vengono realmente usati? Date un'occhiata al reale utilizzo dei pulsanti social e decidete quanti e quali usarli in funzione del vostro target e dei vostri obiettivi Enrico Altavilla
  • 11. Uso di prefetch e prerender - 1 Imparate a conoscere i vostri utenti In funzione della pagina del sito da cui iniziano la visita, quali altre pagine visitano successivamente? Enrico Altavilla
  • 12. Uso di prefetch e prerender - 2 Indicate ai browser le pagine successive <link rel="prerender prefetch" href="http://esempio.it/pagina-2.html"> Enrico Altavilla
  • 13. Prefetching e prerendering sulle SERP Siate contenti di arrivare 1 Enrico Altavilla
  • 14. Versioni alternative del sito - 1 Interfacce diverse per utenti diversi C'è una tendenza sempre maggiore ad essere visitati attraverso smartphone o tablet? Enrico Altavilla
  • 15. Versioni alternative del sito - 2 Applicazioni e ranking Spesso la differenza tra sito e applicazione è molto sfumata. Google spinge per un web più veloce ma l'obiettivo generico è un'esperienza più soddisfacente. Enrico Altavilla
  • 16. Grazie! Enrico Altavilla Proud Member of  www.searchbrain.it/altavilla