Web Performance Optimization          A la velocidad de un Fórmula 1            javiercasares.com/wpo   keepitsimplelab.com
Javier Casares   javiercasares.com/wpo    javier.casares@kisslab.com   @JavierCasares                                 ja...
Web Performance Optimization   Amazon:                     +0,1seg             =         -1% ingresos   Bing:           ...
Mejoras            Herramientas   Conectividad      Google Page Speed   Contenidos        Page Speed Online   Cookies...
Hay que reducir milésimas de segundo encada vuelta                    javiercasares.com/wpo   keepitsimplelab.com
Primeros pasos sencillos   Reducir peticiones HTTP       Combinar los CSS en un fichero       Combinar los JS en un fic...
Primeros pasos no tan sencillos   Reducir el tamaño de las cookies       Eliminar cookies innecesarias       Aplicar la...
Primeros pasos chungos   Usar ETag       Usar ETag en el sitio y en CDN (si se usa)   Control de caché       Domain Sh...
Replantear la infraestructura de servidores   Usar VPS (servidores virtuales) porque son    escalables y tolerantes a fal...
¿Rápido?   Ahora que sabes parte de lo que hay… ¿quieres    saberlo todo? (además, gratis)               http://javiercas...
Upcoming SlideShare
Loading in...5
×

Javier Casares - Kiss - Lab SearchCongress Barcelona 2012

851

Published on

Javier Casares - Kiss - Web Performance Optimization - Lab SearchCongress Barcelona 2012

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
851
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Javier Casares - Kiss - Lab SearchCongress Barcelona 2012

  1. 1. Web Performance Optimization A la velocidad de un Fórmula 1 javiercasares.com/wpo keepitsimplelab.com
  2. 2. Javier Casares javiercasares.com/wpo javier.casares@kisslab.com @JavierCasares javiercasares.com/wpo keepitsimplelab.com
  3. 3. Web Performance Optimization Amazon: +0,1seg = -1% ingresos Bing: +1 seg = -2,8% ingresos Facebook: +0,5 seg = -3% tráfico Hotmail: +6 seg = -40M anun./mes Netflix: +gzip = +20% velocidad Shopzilla: 7s -> 2s = +10% ventas  El 47% de los usuarios esperan que una página cargue en menos de 2 segundos.  El 14% cambia de tienda online si la página tarda en cargar.  El 40% de los usuarios abandona una página que tarda más de 3 segundos en cargar.  El 64% de los compradores que no están satisfechos cambia de sitio para su próxima compra.  El 52% de los compradores afirman que un sitio que carga rápido los fideliza. javiercasares.com/wpo keepitsimplelab.com
  4. 4. Mejoras Herramientas Conectividad  Google Page Speed Contenidos  Page Speed Online Cookies  Yahoo! YSlow CSS  Web Page Test Imágenes JavaScript  W3C: Móvil  Navigation Timing Servidor javiercasares.com/wpo keepitsimplelab.com
  5. 5. Hay que reducir milésimas de segundo encada vuelta javiercasares.com/wpo keepitsimplelab.com
  6. 6. Primeros pasos sencillos Reducir peticiones HTTP  Combinar los CSS en un fichero  Combinar los JS en un fichero  Combinas imágenes pequeñas en un CSS Sprite Paralelizar peticiones HTTP  Mejor una descarga de “gran” tamaño que muchas pequeñas  Incluir los CSS en el “head”  Los JS han de cargarse de forma asíncrona, o al pie de página (ya que bloquean las peticiones)  No enlazar a páginas o contenidos con error 404 javiercasares.com/wpo keepitsimplelab.com
  7. 7. Primeros pasos no tan sencillos Reducir el tamaño de las cookies  Eliminar cookies innecesarias  Aplicar las cookies sólo al “hostname” que se usarán Evitar redirecciones  Siempre acompañarlas de “Expires” o “Cache-Control” Comprimir los contenidos  Usar siempre HTTP/1.1  Activar el DEFLATE / Gzip Usar dominios “sin cookies”  Dominios “cookieless” para estáticos (img, js, css…) javiercasares.com/wpo keepitsimplelab.com
  8. 8. Primeros pasos chungos Usar ETag  Usar ETag en el sitio y en CDN (si se usa) Control de caché  Domain Sharding  Cabeceras de control de caché y expiración  Caché en HTTPS Reducir las peticiones DNS  Usar scripts asíncronos  Reducir el uso de CNAME  DNS prefetching javiercasares.com/wpo keepitsimplelab.com
  9. 9. Replantear la infraestructura de servidores Usar VPS (servidores virtuales) porque son escalables y tolerantes a fallos. Separar servicios en distintos VPS:  Servidor SQL (mySQL, …)  Servidor Web (Apache, …)  Servidor Proxy-Caché (Varnish, …) Externalizar servicios  Correo  DNS Una infraestructura puede salir por 150 euros/mes soportando 1.000 visitas/segundo. javiercasares.com/wpo keepitsimplelab.com
  10. 10. ¿Rápido? Ahora que sabes parte de lo que hay… ¿quieres saberlo todo? (además, gratis) http://javiercasares.com/wpo/ javiercasares.com/wpo keepitsimplelab.com

×