Your SlideShare is downloading. ×
0
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 of...
Básico
Recursos cacheados
Gzip
Sunday, April 28, 13
No siempre hay cache
Sunday, April 28, 13
Networking
Latencia
Elegir servidores cercanos
geográficamente
Uso de CDN para recursos estáticos
Conexiones HTTP
Paraleliz...
Reduciendo Request
Sprite -> descargar múltiples imágenes en
una sola
Data64 -> imágenes inline (para contenido
muy pequeñ...
Minimizando Request
Dominios libres de cookies para contenido
estático
Optimizar imágenes (smush it)
Nuevo formato de imag...
Priorizando descarga
Start page
DomReady
OnLoad
OnScroll
OnTimeOut
Ordenar la
descarga en base
a la interacción de
los usu...
Cargando Javascript
Sunday, April 28, 13
Cargando Javascript
Sunday, April 28, 13
Prefech
Precargar contenido anticipando al usuario
HTML5 Nativo
Javascript
Sunday, April 28, 13
Labs
Descargar SDK Facebooks (async y sin bloquear)
https://www.facebook.com/note.php?note_id=10151176218703920
BigPipe
ht...
SPDY -> Lo que se viene
The goal of SPDY is to reduce web
page load time. This is achieved by
prioritizing and multiplexin...
Sitios y Herramientas
http://developer.yahoo.com/performance/rules.html
https://developers.google.com/speed/
http://www.st...
Upcoming SlideShare
Loading in...5
×

Breaking performance web rules

187

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
187
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Breaking performance web rules"

  1. 1. Breaking performance web rules Pablo Moretti @elsantob Sunday, April 28, 13
  2. 2. ¿Importa la velocidad ? Sunday, April 28, 13
  3. 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. 4. Básico Recursos cacheados Gzip Sunday, April 28, 13
  5. 5. No siempre hay cache Sunday, April 28, 13
  6. 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. 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. 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. 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. 10. Cargando Javascript Sunday, April 28, 13
  11. 11. Cargando Javascript Sunday, April 28, 13
  12. 12. Prefech Precargar contenido anticipando al usuario HTML5 Nativo Javascript Sunday, April 28, 13
  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. 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. 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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×