Breaking performance web rules
Pablo Moretti @elsantob
Sunday, April 28, 13
¿Importa la velocidad ?
Sunday, April 28, 13
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
Básico
Recursos cacheados
Gzip
Sunday, April 28, 13
No siempre hay cache
Sunday, April 28, 13
NetworkingLatencia
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
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
Minimizando RequestDominios 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
Priorizando descarga
Start page
DomReady
OnLoad
OnScroll
OnTimeOut
Ordenar la descarga en base a la interacción de
los usuarios
Sunday, April 28, 13
Cargando Javascript
Sunday, April 28, 13
Cargando Javascript
Sunday, April 28, 13
PrefechPrecargar contenido anticipando al usuario
HTML5 Nativo
Javascript
Sunday, April 28, 13
LabsDescargar 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
SPDY -> Lo que se vieneThe 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
Sitios y Herramientashttp://developer.yahoo.com/performance/rules.html
https://developers.google.com/speed/
http://www.stevesouders.com/
http://www.phpied.com/
Sunday, April 28, 13
Top Related