SlideShare una empresa de Scribd logo
June 2016
Meetup WebPerformance
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.
WHAT IS TROVIT
BIGGER THAN BIG,
LEADERS IN
CLASSIFIED ADS
indexed Ads visits/month partners
46
COUNTRIES
140
M
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
WHAT IS TROVIT
OUR SIZE MAKES US BIG,
OUR RESULTS MAKE US
GREAT
80 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/ MONTH
146
M
SEARCH
ENGINES
NETWORK
S
SOCIA
L
DIREC
T
REFERR
AL
EMAIL
ALERTS
CLICKS/USER
1,
8
VISITS/ MONTH
93M
TECHNOLOGY AT TROVIT
TECHNOLOGY AT TROVIT WEB
WiFi
Trovit_Guest
letmesurf
Online free tool for synthetic performance testing
#PerfMatters
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
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
Qué nos permite? Mobile Testing
Mobile emulation Mode y Dispositivos
móviles desde distintas localizaciones
y con distintos User Agents
HOW TO … Private Instance
Analytical Review Parámetros
Localizació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
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 ...
Vista Waterfall
Una vez ejecutado veremos
Sin
Cache de
Browser
Con
Cache de
Browser
Golden
Performance
Rules
Waterfall → Har File
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é
Waterfall Detalles
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.
Cómo detectar SPOF
con Charles Proxy y WPO
https://www.charlesproxy.com/
http://www.webpagetest.org/
Proxy > Throttiling
Tools > Map Remote
API server down?
AdBulk down?
Tracker down?
Traceroute
WPT Bulk Tester by Andy Davis
http://calendar.perfplanet.com/2014/driving-webpagetest-from-a-google-docs-
spreadsheet/

Más contenido relacionado

Similar a Web pagetest Meetup At Trovit

Appcircus Academy: Integración de Social Media en Android
Appcircus Academy: Integración de Social Media en AndroidAppcircus Academy: Integración de Social Media en Android
Appcircus Academy: Integración de Social Media en AndroidAlberto Ruibal
 
Descubriendo Ruby on Rails (Desarrollo Agil de Aplicaciones Web)
Descubriendo Ruby on Rails (Desarrollo Agil de Aplicaciones Web)Descubriendo Ruby on Rails (Desarrollo Agil de Aplicaciones Web)
Descubriendo Ruby on Rails (Desarrollo Agil de Aplicaciones Web)
lenny
 
Descubriendo Ruby On Rails (Desarrollo Agil De Aplicaciones Web)
Descubriendo Ruby On Rails (Desarrollo Agil De Aplicaciones Web)Descubriendo Ruby On Rails (Desarrollo Agil De Aplicaciones Web)
Descubriendo Ruby On Rails (Desarrollo Agil De Aplicaciones Web)
INSIGNIA4U
 
Google analytics: aspectos básicos y herramientas
Google analytics: aspectos básicos y herramientasGoogle analytics: aspectos básicos y herramientas
Google analytics: aspectos básicos y herramientas
Novix
 
Generación mayo 2016
Generación mayo 2016Generación mayo 2016
Generación mayo 2016
Moises Cielak
 
SEO SEM from a Guy
SEO SEM from a GuySEO SEM from a Guy
SEO SEM from a Guy
Moises Cielak
 
3A5 Trejo Alexandra -Tarea 2
3A5 Trejo Alexandra -Tarea 23A5 Trejo Alexandra -Tarea 2
3A5 Trejo Alexandra -Tarea 2
Elizabeth Trejo Quinto
 
Taller Search Engine Optimization (SEO) Academia Digital
Taller Search Engine Optimization (SEO) Academia DigitalTaller Search Engine Optimization (SEO) Academia Digital
Taller Search Engine Optimization (SEO) Academia Digital
La Fábrica Imaginaria
 
Taller Seo Academia Digital Sep09
Taller Seo Academia Digital Sep09Taller Seo Academia Digital Sep09
Taller Seo Academia Digital Sep09
natchin
 
Marketing web y seo
Marketing web y seoMarketing web y seo
Marketing web y seo
Federico Caramella
 
Herramientas Para Administradores Web Y Trabajo Online
Herramientas Para Administradores Web Y Trabajo OnlineHerramientas Para Administradores Web Y Trabajo Online
Herramientas Para Administradores Web Y Trabajo OnlineRafael Pedraza-Jimenez
 
Google Analyics2
Google Analyics2Google Analyics2
Google Analyics2
Tecnológico Sudamericano
 
Taller de Analítica Web - Congreso CID-Murcia
Taller de Analítica Web - Congreso CID-MurciaTaller de Analítica Web - Congreso CID-Murcia
Taller de Analítica Web - Congreso CID-Murcia
ElBlogdelSEO y SEOStar
 
Formacion Seo
Formacion SeoFormacion Seo
Formacion Seoignaciojm
 
Aprende a medir tu ecommerce con GTM
Aprende a medir tu ecommerce con GTMAprende a medir tu ecommerce con GTM
Aprende a medir tu ecommerce con GTM
Carlos Rabadán
 
SEO Basics
SEO BasicsSEO Basics
SEO Basics
Accenture Digital
 
Foro innovacion beeva 28 01-2014 -open business and the business of APIs
Foro innovacion beeva 28 01-2014 -open business and the business of APIsForo innovacion beeva 28 01-2014 -open business and the business of APIs
Foro innovacion beeva 28 01-2014 -open business and the business of APIs
BEEVA_es
 
Web matrix session4
Web matrix session4Web matrix session4
Web matrix session4Gonzalo C.
 
Google analytics
Google analyticsGoogle analytics
Google analytics
Luciano Spinelli
 
Google analytics
Google analyticsGoogle analytics
Google analytics
tatianajm
 

Similar a Web pagetest Meetup At Trovit (20)

Appcircus Academy: Integración de Social Media en Android
Appcircus Academy: Integración de Social Media en AndroidAppcircus Academy: Integración de Social Media en Android
Appcircus Academy: Integración de Social Media en Android
 
Descubriendo Ruby on Rails (Desarrollo Agil de Aplicaciones Web)
Descubriendo Ruby on Rails (Desarrollo Agil de Aplicaciones Web)Descubriendo Ruby on Rails (Desarrollo Agil de Aplicaciones Web)
Descubriendo Ruby on Rails (Desarrollo Agil de Aplicaciones Web)
 
Descubriendo Ruby On Rails (Desarrollo Agil De Aplicaciones Web)
Descubriendo Ruby On Rails (Desarrollo Agil De Aplicaciones Web)Descubriendo Ruby On Rails (Desarrollo Agil De Aplicaciones Web)
Descubriendo Ruby On Rails (Desarrollo Agil De Aplicaciones Web)
 
Google analytics: aspectos básicos y herramientas
Google analytics: aspectos básicos y herramientasGoogle analytics: aspectos básicos y herramientas
Google analytics: aspectos básicos y herramientas
 
Generación mayo 2016
Generación mayo 2016Generación mayo 2016
Generación mayo 2016
 
SEO SEM from a Guy
SEO SEM from a GuySEO SEM from a Guy
SEO SEM from a Guy
 
3A5 Trejo Alexandra -Tarea 2
3A5 Trejo Alexandra -Tarea 23A5 Trejo Alexandra -Tarea 2
3A5 Trejo Alexandra -Tarea 2
 
Taller Search Engine Optimization (SEO) Academia Digital
Taller Search Engine Optimization (SEO) Academia DigitalTaller Search Engine Optimization (SEO) Academia Digital
Taller Search Engine Optimization (SEO) Academia Digital
 
Taller Seo Academia Digital Sep09
Taller Seo Academia Digital Sep09Taller Seo Academia Digital Sep09
Taller Seo Academia Digital Sep09
 
Marketing web y seo
Marketing web y seoMarketing web y seo
Marketing web y seo
 
Herramientas Para Administradores Web Y Trabajo Online
Herramientas Para Administradores Web Y Trabajo OnlineHerramientas Para Administradores Web Y Trabajo Online
Herramientas Para Administradores Web Y Trabajo Online
 
Google Analyics2
Google Analyics2Google Analyics2
Google Analyics2
 
Taller de Analítica Web - Congreso CID-Murcia
Taller de Analítica Web - Congreso CID-MurciaTaller de Analítica Web - Congreso CID-Murcia
Taller de Analítica Web - Congreso CID-Murcia
 
Formacion Seo
Formacion SeoFormacion Seo
Formacion Seo
 
Aprende a medir tu ecommerce con GTM
Aprende a medir tu ecommerce con GTMAprende a medir tu ecommerce con GTM
Aprende a medir tu ecommerce con GTM
 
SEO Basics
SEO BasicsSEO Basics
SEO Basics
 
Foro innovacion beeva 28 01-2014 -open business and the business of APIs
Foro innovacion beeva 28 01-2014 -open business and the business of APIsForo innovacion beeva 28 01-2014 -open business and the business of APIs
Foro innovacion beeva 28 01-2014 -open business and the business of APIs
 
Web matrix session4
Web matrix session4Web matrix session4
Web matrix session4
 
Google analytics
Google analyticsGoogle analytics
Google analytics
 
Google analytics
Google analyticsGoogle analytics
Google analytics
 

Más de Almudena Vivanco

Performance Microservices in the Cloud
Performance Microservices in the CloudPerformance Microservices in the Cloud
Performance Microservices in the Cloud
Almudena Vivanco
 
Dotnet conf2019 barcelona
Dotnet conf2019 barcelonaDotnet conf2019 barcelona
Dotnet conf2019 barcelona
Almudena Vivanco
 
The sWag of performance Testing
The sWag of performance TestingThe sWag of performance Testing
The sWag of performance Testing
Almudena Vivanco
 
Continuous Performance Testing
Continuous Performance TestingContinuous Performance Testing
Continuous Performance Testing
Almudena Vivanco
 
Integrating taurus and jmeter
Integrating taurus and jmeterIntegrating taurus and jmeter
Integrating taurus and jmeter
Almudena Vivanco
 
Fine line between performance and security
Fine line between performance and securityFine line between performance and security
Fine line between performance and security
Almudena Vivanco
 
Dia02 t03-s04-vlctesting2017-seminario-almudena-vivanco
Dia02 t03-s04-vlctesting2017-seminario-almudena-vivancoDia02 t03-s04-vlctesting2017-seminario-almudena-vivanco
Dia02 t03-s04-vlctesting2017-seminario-almudena-vivanco
Almudena Vivanco
 
Modelling performance tests
Modelling performance testsModelling performance tests
Modelling performance tests
Almudena Vivanco
 
Expo qa 2016
Expo qa 2016Expo qa 2016
Expo qa 2016
Almudena Vivanco
 
After test Barcelona 20160303
After test Barcelona 20160303After test Barcelona 20160303
After test Barcelona 20160303
Almudena Vivanco
 
Workshop performance vl ctesting
Workshop performance vl ctestingWorkshop performance vl ctesting
Workshop performance vl ctesting
Almudena Vivanco
 
Deployment Driven Development and Performance Testing TEFCON2015
Deployment Driven Development and Performance Testing TEFCON2015Deployment Driven Development and Performance Testing TEFCON2015
Deployment Driven Development and Performance Testing TEFCON2015
Almudena Vivanco
 
Webperfdays2014 movistar tv
Webperfdays2014 movistar tvWebperfdays2014 movistar tv
Webperfdays2014 movistar tvAlmudena Vivanco
 
Performance Best Practices
Performance Best PracticesPerformance Best Practices
Performance Best PracticesAlmudena Vivanco
 
Speed me up!
Speed me up!Speed me up!
Speed me up!
Almudena Vivanco
 
Performance Continuous Integration
Performance Continuous IntegrationPerformance Continuous Integration
Performance Continuous IntegrationAlmudena Vivanco
 
cómo medir lo inmensurable: real user experience
cómo medir lo inmensurable: real user experiencecómo medir lo inmensurable: real user experience
cómo medir lo inmensurable: real user experienceAlmudena Vivanco
 

Más de Almudena Vivanco (20)

Performance Microservices in the Cloud
Performance Microservices in the CloudPerformance Microservices in the Cloud
Performance Microservices in the Cloud
 
Dotnet conf2019 barcelona
Dotnet conf2019 barcelonaDotnet conf2019 barcelona
Dotnet conf2019 barcelona
 
The sWag of performance Testing
The sWag of performance TestingThe sWag of performance Testing
The sWag of performance Testing
 
Continuous Performance Testing
Continuous Performance TestingContinuous Performance Testing
Continuous Performance Testing
 
Integrating taurus and jmeter
Integrating taurus and jmeterIntegrating taurus and jmeter
Integrating taurus and jmeter
 
Fine line between performance and security
Fine line between performance and securityFine line between performance and security
Fine line between performance and security
 
Dia02 t03-s04-vlctesting2017-seminario-almudena-vivanco
Dia02 t03-s04-vlctesting2017-seminario-almudena-vivancoDia02 t03-s04-vlctesting2017-seminario-almudena-vivanco
Dia02 t03-s04-vlctesting2017-seminario-almudena-vivanco
 
Modelling performance tests
Modelling performance testsModelling performance tests
Modelling performance tests
 
Expo qa 2016
Expo qa 2016Expo qa 2016
Expo qa 2016
 
After test Barcelona 20160303
After test Barcelona 20160303After test Barcelona 20160303
After test Barcelona 20160303
 
Workshop performance vl ctesting
Workshop performance vl ctestingWorkshop performance vl ctesting
Workshop performance vl ctesting
 
Deployment Driven Development and Performance Testing TEFCON2015
Deployment Driven Development and Performance Testing TEFCON2015Deployment Driven Development and Performance Testing TEFCON2015
Deployment Driven Development and Performance Testing TEFCON2015
 
Webperfdays2014 movistar tv
Webperfdays2014 movistar tvWebperfdays2014 movistar tv
Webperfdays2014 movistar tv
 
Workshop for newcomers
Workshop for newcomersWorkshop for newcomers
Workshop for newcomers
 
Velocity2014 gvp
Velocity2014 gvpVelocity2014 gvp
Velocity2014 gvp
 
Devopsdays barcelona
Devopsdays barcelonaDevopsdays barcelona
Devopsdays barcelona
 
Performance Best Practices
Performance Best PracticesPerformance Best Practices
Performance Best Practices
 
Speed me up!
Speed me up!Speed me up!
Speed me up!
 
Performance Continuous Integration
Performance Continuous IntegrationPerformance Continuous Integration
Performance Continuous Integration
 
cómo medir lo inmensurable: real user experience
cómo medir lo inmensurable: real user experiencecómo medir lo inmensurable: real user experience
cómo medir lo inmensurable: real user experience
 

Último

Los derechos de autor y Ética Profesional
Los derechos de autor y Ética ProfesionalLos derechos de autor y Ética Profesional
Los derechos de autor y Ética Profesional
bgonzalezm20
 
Estructuras b-sicas_ conceptos b-sicos de programaci-n.pdf
Estructuras b-sicas_  conceptos b-sicos de programaci-n.pdfEstructuras b-sicas_  conceptos b-sicos de programaci-n.pdf
Estructuras b-sicas_ conceptos b-sicos de programaci-n.pdf
edepjuanorozco
 
WordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPressWordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPress
Fernando Tellado
 
estrategias de aprendizaje con ejemplos
estrategias de aprendizaje  con ejemplosestrategias de aprendizaje  con ejemplos
estrategias de aprendizaje con ejemplos
MarilinPaladines
 
Presentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivoPresentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivo
juanlemus11122
 
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIOFISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
DarwinNestorArapaQui
 
fase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptxfase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptx
QuerubinOlayamedina
 
EduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptxEduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptx
Elizabeth Mejia
 
ayuda en egresos exposición aps 1 grupal
ayuda en egresos exposición aps 1 grupalayuda en egresos exposición aps 1 grupal
ayuda en egresos exposición aps 1 grupal
jesusmedina766305
 
Clases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicosClases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicos
mcavero2019
 
Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.docSistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
LuisEnriqueCarboneDe
 
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASAEXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
Javier Lasa
 
blog.pdf de coceptos de personalidad....
blog.pdf de coceptos de personalidad....blog.pdf de coceptos de personalidad....
blog.pdf de coceptos de personalidad....
JosvilAngel
 

Último (13)

Los derechos de autor y Ética Profesional
Los derechos de autor y Ética ProfesionalLos derechos de autor y Ética Profesional
Los derechos de autor y Ética Profesional
 
Estructuras b-sicas_ conceptos b-sicos de programaci-n.pdf
Estructuras b-sicas_  conceptos b-sicos de programaci-n.pdfEstructuras b-sicas_  conceptos b-sicos de programaci-n.pdf
Estructuras b-sicas_ conceptos b-sicos de programaci-n.pdf
 
WordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPressWordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPress
 
estrategias de aprendizaje con ejemplos
estrategias de aprendizaje  con ejemplosestrategias de aprendizaje  con ejemplos
estrategias de aprendizaje con ejemplos
 
Presentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivoPresentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivo
 
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIOFISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
 
fase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptxfase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptx
 
EduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptxEduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptx
 
ayuda en egresos exposición aps 1 grupal
ayuda en egresos exposición aps 1 grupalayuda en egresos exposición aps 1 grupal
ayuda en egresos exposición aps 1 grupal
 
Clases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicosClases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicos
 
Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.docSistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
 
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASAEXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
 
blog.pdf de coceptos de personalidad....
blog.pdf de coceptos de personalidad....blog.pdf de coceptos de personalidad....
blog.pdf de coceptos de personalidad....
 

Web pagetest Meetup At Trovit

  • 2. 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.
  • 3. WHAT IS TROVIT BIGGER THAN BIG, LEADERS IN CLASSIFIED ADS indexed Ads visits/month partners 46 COUNTRIES 140 M 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
  • 4. WHAT IS TROVIT OUR SIZE MAKES US BIG, OUR RESULTS MAKE US GREAT 80 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/ MONTH 146 M SEARCH ENGINES NETWORK S SOCIA L DIREC T REFERR AL EMAIL ALERTS CLICKS/USER 1, 8 VISITS/ MONTH 93M
  • 7.
  • 9. Online free tool for synthetic performance testing #PerfMatters
  • 10. 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
  • 11. 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
  • 12. Qué nos permite? Mobile Testing Mobile emulation Mode y Dispositivos móviles desde distintas localizaciones y con distintos User Agents
  • 13. HOW TO … Private Instance
  • 14.
  • 15. Analytical Review Parámetros Localizació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
  • 16. 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 ...
  • 17. Vista Waterfall Una vez ejecutado veremos Sin Cache de Browser Con Cache de Browser Golden Performance Rules
  • 19. 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é
  • 21.
  • 22.
  • 23.
  • 24. 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.
  • 25. Cómo detectar SPOF con Charles Proxy y WPO
  • 28.
  • 30. API server down? AdBulk down? Tracker down?
  • 31.
  • 33. WPT Bulk Tester by Andy Davis http://calendar.perfplanet.com/2014/driving-webpagetest-from-a-google-docs- spreadsheet/