Web pagetest Meetup At Trovit
-
Upload
almudena-vivanco -
Category
Internet
-
view
229 -
download
1
Transcript of Web pagetest Meetup At Trovit
![Page 1: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/1.jpg)
June 2016Meetup WebPerformance
![Page 2: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/2.jpg)
WHAT IS TROVIT
WE SIMPLIFY SEARCH:ALL THE ADS YOU’RE LOOKING FOR IN ONE SEARCH
Homes Cars Jobs Products
That’s our promise. Ads from millions of websites in only one page. Quick, easy, helpful.
![Page 3: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/3.jpg)
WHAT IS TROVIT
BIGGER THAN BIG, LEADERS IN CLASSIFIED ADS
indexed Ads visits/month partners
46COUNTRIES
140M
93M
45,295
Trovit is a Barcelona based company that started in 2006. Since then we have been constantly growing our business to become the 6th largest Classified’s property worldwide*, operating in 46 countries and having partnered with most relevant players in every vertical.
Source: *comScore, October 2015
![Page 4: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/4.jpg)
WHAT IS TROVIT
OUR SIZE MAKES US BIG, OUR RESULTS MAKE US GREAT80 million users get to Trovit through different channels generating 146 million clicks to source’s websites. That is, in average, every user that visits Trovit clicks in 1,8 Ads
CLICKS/ MONTH146M
SEARCH ENGINES
NETWORKS
SOCIAL
DIRECT
REFERRAL
EMAIL ALERTS
CLICKS/USER1,8
VISITS/ MONTH93M
![Page 5: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/5.jpg)
TECHNOLOGY AT TROVIT
![Page 6: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/6.jpg)
TECHNOLOGY AT TROVIT WEB
![Page 7: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/7.jpg)
![Page 8: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/8.jpg)
WiFi
Trovit_Guest
letmesurf
![Page 9: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/9.jpg)
Online free tool for synthetic performance testing #PerfMatters
![Page 10: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/10.jpg)
Qué no es?
WebPageTest NO es una herramienta de carga
No vamos a comprobar el rendimiento en situaciones de saturación
No es una herramienta que nos permita conocer el estado de nuestro servicio
No es una auditoría de código de front end ni consola de errores de javascript
![Page 11: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/11.jpg)
Qué es?
WebPageTest es una herramienta de rendimiento a nivel browser que nos permite determinar y automatizar resultados de visualización y renderización.
En definitiva, nos permite comprobar cuál es la experiencia de usuario
www.webpagetest.org
![Page 12: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/12.jpg)
Qué nos permite? Mobile Testing
Mobile emulation Mode y Dispositivos móviles desde distintas localizaciones y con distintos User Agents
![Page 13: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/13.jpg)
HOW TO … Private Instance
![Page 14: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/14.jpg)
![Page 15: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/15.jpg)
Analytical Review ParámetrosLocalización
Browser
Velocidad de Conexión
Número de test a ejecutar ( coger un número Impar ;) )
First View and Repeat View ( Cache!!! )
Document Complete vs OnLoad
Ignorar Errores SSL
Capturar tcpdump
User Agent ad Hoc
Custom Headers
![Page 16: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/16.jpg)
Custom Metrics[iframe-count]return document.getElementsByTagName("iframe").length;
[script-tag-count]return document.getElementsByTagName("script").length;
[meta-viewport]var viewport = undefined;var metaTags=document.getElementsByTagName("meta");for (var i = 0; i < metaTags.length; i++) { if (metaTags[i].getAttribute("name") == "viewport") { viewport = metaTags[i].getAttribute("content"); break; }}return viewport
NO se pueden añadir operaciones asincronas :( Timers, Ajax requests etc ...
![Page 17: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/17.jpg)
Vista Waterfall
Una vez ejecutado veremos
Sin Cache de BrowserCon Cache de Browser
Golden Performance Rules
![Page 18: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/18.jpg)
Waterfall → Har File
![Page 19: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/19.jpg)
Cómo analizar el waterfall
Cuántos Kb tiene el html inicial
En qué segundo comienza el evento render
Cuántos socket connections hay hacia un host en concreto
Cuántas redirecciones
En qué momento hay un socket abierto contra un recurso y por qué
![Page 20: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/20.jpg)
Waterfall Detalles
![Page 21: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/21.jpg)
![Page 22: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/22.jpg)
![Page 23: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/23.jpg)
![Page 24: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/24.jpg)
SPOF y Block
La opción de Block nos simula un error tipo 404 mientras que si usamos el SPOF nos simula un timeout.
Por ejemplo podemos comprobar con Block la diferencia entre el tiempo de carga con y sin anuncios ( bloqueando
anuncios o trackers ;) )
En cambio cuando probamos el Single Point of Failure lo que queremos comprobar es que nuestro site es resilient a 3rd
parties como por ejemplo los trackers, cómo se comporta nuestro site si el acceso a google analytics es lento o realmente
no hay servicio.
![Page 25: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/25.jpg)
Cómo detectar SPOFcon Charles Proxy y WPO
![Page 26: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/26.jpg)
https://www.charlesproxy.com/
![Page 27: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/27.jpg)
http://www.webpagetest.org/
![Page 28: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/28.jpg)
![Page 29: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/29.jpg)
Proxy > Throttiling
Tools > Map Remote
![Page 30: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/30.jpg)
API server down?
AdBulk down?
Tracker down?
![Page 31: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/31.jpg)
![Page 32: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/32.jpg)
Traceroute
![Page 33: Web pagetest Meetup At Trovit](https://reader036.fdocuments.net/reader036/viewer/2022070510/58aaacd21a28abfa0e8b65b9/html5/thumbnails/33.jpg)
WPT Bulk Tester by Andy Davis
http://calendar.perfplanet.com/2014/driving-webpagetest-from-a-google-docs-spreadsheet/