Sitios Web De Alto Rendimiento Adobenvivo

Sitios Web de Alto Rendimiento Lic. Maximiliano Firtman @firt – firt.mobi Lima, 20/12/2009 Picture from Simon Howden freedigitalphotos.net

Acerca de mí Argentina Profesor Desarrollador Speaker Autor de Libros Pictures from freedigitalphotos.net

WEB 2.0 www.libroajax.com

MOBILE

SABIAS ?

Picture from Simon Howden freedigitalphotos.net

POR QUE ?

Picture from Simon Howden freedigitalphotos.net

IMPACTO EN GANANCIAS +500 ms → -20% traffic1 2 +400 ms → -5-9% full-page traffic 1 +100 ms → -1% sales diaposi'va prestada de Steve Souders 1 h1p://home.blarg.net/~glinden/StanfordDataMining.2006‐11‐29.ppt 2 h1p://www.slideshare.net/stoyan/yslow‐20‐presenta'on

Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento

SAVE ME! Picture from Matt Banks freedigitalphotos.net

HTML Recursos Browser Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento

Lic. Maximiliano Firtman - @firt www.itmaster.com.ar Sitios web de alto rendimiento

Foto de freefoto.com

  HTTP 1.1 (95% de los browsers) soporta compresión, ¿por qué no comprimimos?   Se puede comprimir:   (x)HTML   CSS   JavaScript   XML   JSON   Texto y FlashVars   Se comprime un 70‐80% el tráﬁco   ¡Se puede reducir un 50% el 'empo de carga! Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento

  Por ejemplo: dominio.com y www.dominio.com   Una pe'ción DNS fpica tarda 50‐120 ms   Es recomendable no más de 4 dominios Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento

  Sabemos que podemos usar HTTP 1.1, usemos Keep‐Alive!   Ahorramos decenas de paquetes TCP que redundan en mayor velocidad ﬁnal Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento

  Cuando se usa HTTP 1.0 los browsers hacen hasta 4 pe'ciones simultáneas al mismo host.   En HTTP 1.1 hacen sólo 2 simultáneas   Generando dominios alias   Ej: www.dominio.com y www2.dominio.com Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento

  Hoy muy accesible   El contenido está'co distribuirlo por una CDN (Content Distribu'on Network) Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento

  Cuando creamos una cookie, el browser la envía en cada pe'ción   Repe'mos: en cada pe'ción   Si, repe'mos: en cada GIF, en cada JPG, en cada CSS, etc. Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento

  Dado que:   Cada pe'ción lleva promedio 700‐900 bytes, sólo por pedirla   Requiere paquetes TCP   Requiere mantener en el servidor un keep‐alive   Hay Tiempo de espera   Hay uso de servidor   Hay uso de la can'dad de pe'ciones concurrentes Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento

  “Odiarás todo lo que desconozcas” Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento

  Reducen ampliamente las pe'ciones   Permiten unir en un archivo todos (o varios) gráﬁcos del si'o web Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento

  Son algo desconocidas.   Sólo funcionan en Firefox, Chrome, Safari   Internet Explorer soporta MTH   El formato es data:mime;base64,datos   <IMG ALT=”Red Star” SRC="data:image/ gif;base64,R0lGODlhDAAMALMLAPN8ﬀBiYvWWlvrKy/FvcPewsO9VVfajo +w6O/zl5estLv/8/ AAAAAAAAAAAAAAAACH5BAEAAAsALAAAAAAMAAwAAAQzcElZyryTEHyT UgknHd9xGV +qKsYirKkwDYiKDBia12H1KBLQRFIJAIKywRgmhwAIlEEADs="> Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento

  Reduce las pe'ciones   Combinar en un sólo archivo .js todos los scripts de JavaScript que se incluyan en la página.   Se puede hacer manualmente o dinámicamente en el servidor, ejemplos: <script type=“text/javascript” src=“todos.php”></script> <script type=“text/javascript” src=“prototype.js,minify.js”></script> Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento

  U'lizar un sólo archivo CSS para todo el si'o   Home Page, secciones internas, etc.   Si 'enen diseños dis'ntos, separarlos por id de body   <body id=“no'cias”>   #no'cias a { } Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento

  Es uno de los 'ps más extraños   Que pasa cuando el browser se encuentra con un tag SCRIPT externo? Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento

  Ofuscación   Google Closure Compiler Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento

  Medir, medir   Mantenerse actualizado   Mantener versión desarrollo y producción   Denle importancia, tanto como a:   SEO   Usabilidad   Seguridad Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento

Consultas Gracias!! Lic. Maximiliano Firtman @firt – firt.mobi Foto de freefoto.com Lima, 20/12/2009

Sitios Web De Alto Rendimiento Adobenvivo

by Maximiliano Firtman on Dec 20, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

2 Embeds 11

Statistics

Sitios Web De Alto Rendimiento Adobenvivo — Presentation Transcript

http://www.slideshare.net	10
http://localhost:8888	1