1. Breaking performance
web rules
Pablo Moretti @elsantob
Sunday, April 28, 13

2. ¿Importa la velocidad ?
Sunday, April 28, 13

3. What is the Time to First Byte?
The TTFB can be under 100 milliseconds (ms) for static
For dynamic content, the TTFB is often 200-500ms
-> SQL tunning
-> Cache
-> NoSql
-> Paralelizar
Sunday, April 28, 13

4. Básico
Recursos cacheados
Gzip
Sunday, April 28, 13

5. No siempre hay cache
Sunday, April 28, 13

6. Networking
Latencia
Elegir servidores cercanos
geográficamente
Uso de CDN para recursos estáticos
Conexiones HTTP
Paralelizar descarga usando múltiples
dominios (el límite depende del browser)
Keep Alive
Sunday, April 28, 13

7. Reduciendo Request
Sprite -> descargar múltiples imágenes en
una sola
Data64 -> imágenes inline (para contenido
muy pequeño)
Unificar recurso -> CSS y JS (unificarlos
estratégicamente para compartir recursos en
todo el sitio)
Sunday, April 28, 13

8. Minimizando Request
Dominios libres de cookies para contenido
estático
Optimizar imágenes (smush it)
Nuevo formato de imagen WebP (35%)
Minificación (mejora 5% a pesar de tener
gzip) http://en.wikipedia.org/wiki/Minification_(programming)
Sunday, April 28, 13

9. Priorizando descarga
Start page
DomReady
OnLoad
OnScroll
OnTimeOut
Ordenar la
descarga en base
a la interacción de
los usuarios
Sunday, April 28, 13

10. Cargando Javascript
Sunday, April 28, 13

11. Cargando Javascript
Sunday, April 28, 13

12. Prefech
Precargar contenido anticipando al usuario
HTML5 Nativo
Javascript
Sunday, April 28, 13

13. Labs
Descargar SDK Facebooks (async y sin bloquear)
https://www.facebook.com/note.php?note_id=10151176218703920
BigPipe
http://www.facebook.com/note.php?note_id=389414033919
mod_pagespeed Google + WebPage Comparte
http://www.webpagetest.org/compare
https://developers.google.com/speed/docs/mod_pagespeed/
config_filters
Sunday, April 28, 13

14. SPDY -> Lo que se viene
The goal of SPDY is to reduce web
page load time. This is achieved by
prioritizing and multiplexing the
transfer of web page subresources
so that only one connection per
client is required.
Sunday, April 28, 13

15. Sitios y Herramientas
http://developer.yahoo.com/performance/rules.html
https://developers.google.com/speed/
http://www.stevesouders.com/
http://www.phpied.com/
Sunday, April 28, 13