«Se non riesci a misurarlo, non puoi migliorarlo.» – Lord William Thomson Kelvin Misurare le web performance degli utenti reali non ha prezzo. Rispetto ai test sintetici, si riescono ad avere dati reali sull’esperienza degli utenti che visitano il tuo sito e intervenire per migliorarli. Questo talk ti farà vedere come estrarre questi dati via JavaScript con Navigation Timing API, utilizzando Google Tag Manager e monitorarli poi in Google Analytics, tutto al costo, in termini di tempo, del setup iniziale. Dopo questo talk potrai, in completa autonomia e al costo praticamente di qualche oretta, integrare circa 12 metriche di web performance degli utenti reali (Es. Time to First Paint, DOM Interactive) e vederle in Google Analytics, comparandole con altre metriche di business e, volendo, facendo a meno degli strumenti a pagamento.

1. Real User Monitoring con
Navigation Timing API, Google
Tag Manager e Google Analytics
Olegs Belousovs | Product Owner @ Bakeca.it
Twitter: @sgelob
LinkedIn: https://it.linkedin.com/in/olegsbelousovs
Turin Web Performance Group Meetup | Toolbox Torino | 25/09/2018

2. Perché serve
misurare la velocità
di caricamento
di un sito web?
2@sgelob | Turin Web Performance Group Meetup

3. RUM vs. Synthetic
3@sgelob | Turin Web Performance Group Meetup

4. 1. Navigation Timing API
4@sgelob | Turin Web Performance Group Meetup

5. Navigation Timing API
Fonte: https://www.w3.org/TR/navigation-timing/
5@sgelob | Turin Web Performance Group Meetup

6. 6
Fonte: https://gist.github.com/sgelob/110581ed66cf49a6d6c3b7ac33cdc17c
@sgelob | Turin Web Performance Group Meetup

7. Data Layer WTF?
Fonte: https://www.analyticsmania.com/post/what-is-data-layer-in-google-tag-manager/
7@sgelob | Turin Web Performance Group Meetup

8. Fonte: https://caniuse.com/#feat=nav-timing
8@sgelob | Turin Web Performance Group Meetup

9. 2. Google Tag Manager
9@sgelob | Turin Web Performance Group Meetup

10. 10@sgelob | Turin Web Performance Group Meetup

11. GTM: impostazione
delle variabili,
attivatori e tag
11@sgelob | Turin Web Performance Group Meetup

12. Vi piace vincere
facile? :)
12@sgelob | Turin Web Performance Group Meetup

13. File JSON con le configurazioni del mio container
da importare in Google Tag Manager
https://gist.github.com/sgelob/0842d451186c332a45bcfee58224b0f3
13@sgelob | Turin Web Performance Group Meetup

14. 3. Google Analytics
14@sgelob | Turin Web Performance Group Meetup

15. 15@sgelob | Turin Web Performance Group Meetup

16. 16@sgelob | Turin Web Performance Group Meetup

17. 17@sgelob | Turin Web Performance Group Meetup

18. 18@sgelob | Turin Web Performance Group Meetup

19. 19@sgelob | Turin Web Performance Group Meetup

20. 20@sgelob | Turin Web Performance Group Meetup

21. Milestone: Resource Timing API + GTM + GA
Chi mi aiuta a completare il setup? :)
https://gist.github.com/sgelob/b4f324fca06452a44e2099d7a8c644c1
21@sgelob | Turin Web Performance Group Meetup

22. Grazie!
Domande?
Twitter: @sgelob
22@sgelob | Turin Web Performance Group Meetup