Web Performance Optimization

La velocità è una delle chiavi per il successo di un sito/applicazione

Firefox: velocizzare la landing page di 2 secondi ha significato aumentare del 15% i download (milioni in più)

Yahoo: un rallentamento di 400ms ha causato 5-9% di calo del traffico Uno dei parametri utilizzati da Google per il calcolo del ranking è la

velocità di download Prove sperimentiali hanno mostrato come il tasso di abbandono di un

sito (distinct queries, query refinements, click ecc), sia lineare rispetto al ritardo introdotto

Nonostante tutto, il tema è ancora “giovane” e il lavoro complesso, ma dopo il periodo d'oro del SEO, è arrivato il tempo del WPO

Piccolo inciso: in Matrix, i requisiti marketing sono sempre stati focalizzati solo sul peso pagina, che è solo uno degli aspetti del problema

Web Performance OptimizationQualche previsione sul futuro

1) Tool, librerie, framework, cms eccetera offriranno implementazioni ottimizzate di default

2) Con il consolidamento della scienza, nasceranno nuovi tool integrati nei browser e degli IDE per monitorare le performance durante tutto il ciclo di sviluppo (e non posticipare alla fase di test), nuove metriche, benchmark, servizi e terminologie. (Es: dynatrace)

3) Miglioramenti HTTP, TCP e loro utilizzo (Google SPDY proj, HTML5 WebSocket)

4) Organizzazione industriale: training, certificazioni, gruppi

5) Green & saving. Es: shopzilla ha dimezzato server, netflix la banda

6) Declinazioni di tutto questo per il mobile

Web Performance OptimizationP3PC: Performance of Third Party Content

Anche se gli addetti ai lavori spergiurano sul contrario, “Ads, widgets, and analytics are a major cause for slow web sites” (Steve Souders, Google)

Virgilio trabocca di codici di tracciamento e ads Negli ultimi 5 anni, le pagine sono diventate mediamente più

veloci, ma il peso medio di 3PC è passato da ¼ a quasi ½ In generale, possono aiutare tecniche di loading “lazy” degli script

e wrapping di widget e snippet in iframe (cosa però non sempre possibile per la presenza di document.write o del floating del widget - es: virgilio bottomtoolbar )

Proposto (gennaio 2010) nuovo tag html <frag> I browser valuteranno il codice senza bloccare il rendering

Credits: Steve Souders, Google http://www.stevesouders.com/