Sitios Web de
                                             Alto Rendimiento




                                          ...
Acerca de mí

          Argentina

          Profesor
          Desarrollador
          Speaker
          Autor de Libros
...
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
                                                        ...
Lic. Maximiliano Firtman - @firt
Sitios web de alto rendimiento
Lic. Maximiliano Firtman - @firt
Sitios web de alto rendimiento
SAVE ME!




Picture from Matt Banks freedigitalphotos.net
Lic. Maximiliano Firtman - @firt
Sitios web de alto rendimiento
Lic. Maximiliano Firtman - @firt
Sitios web de alto rendimiento
HTML 




                                   Recursos 



                                                       Browser 
...
Lic. Maximiliano Firtman - @firt   www.itmaster.com.ar
Sitios web de alto rendimiento
Foto de freefoto.com
Lic. Maximiliano Firtman - @firt
Sitios web de alto rendimiento
Lic. Maximiliano Firtman - @firt
Sitios web de alto rendimiento
    HTTP 1.1 (95% de los browsers) soporta compresión, ¿por qué 
     no comprimimos? 

    Se puede comprimir: 
      ...
    Por ejemplo: dominio.com y www.dominio.com 

    Una pe'ción DNS fpica tarda 50‐120 ms 

    Es recomendable no más...
    Sabemos que podemos usar HTTP 1.1,  
     usemos Keep‐Alive! 


    Ahorramos decenas de paquetes TCP que 
     redu...
    Cuando se usa HTTP 1.0 los browsers hacen hasta 
     4 pe'ciones simultáneas al mismo host. 
    En HTTP 1.1 hacen ...
    Hoy muy accesible 
    El contenido está'co distribuirlo por una CDN 
     (Content Distribu'on Network) 




      ...
    Cuando creamos una cookie, el browser la envía 
     en cada pe'ción 
    Repe'mos: en cada pe'ción 
    Si, repe'm...
    Dado que: 
       Cada pe'ción lleva promedio 700‐900 bytes, sólo por 
        pedirla 
       Requiere paquetes TC...
    “Odiarás todo lo que desconozcas” 




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




...
    Son algo desconocidas.  
    Sólo funcionan en Firefox, Chrome, Safari 
    Internet Explorer soporta MTH 
    El ...
    Reduce las pe'ciones 
    Combinar en un sólo archivo .js todos los scripts 
     de JavaScript que se incluyan en l...
    U'lizar un sólo archivo CSS para todo el si'o 
    Home Page, secciones internas, etc. 
    Si 'enen diseños dis'nt...
    Es uno de los 'ps más extraños 
    Que pasa cuando el browser se encuentra con un 
     tag SCRIPT externo? 




  ...
    Ofuscación 
    Google Closure Compiler 




               Lic. Maximiliano Firtman - @firt
               Sitios w...
    Medir, medir 
    Mantenerse actualizado 
    Mantener versión desarrollo y producción 

    Denle importancia, ta...
Consultas
 Gracias!!




                       Lic. Maximiliano Firtman
                       @firt – firt.mobi

Foto de...
Sitios Web De Alto Rendimiento Adobenvivo
Sitios Web De Alto Rendimiento Adobenvivo
Sitios Web De Alto Rendimiento Adobenvivo
Sitios Web De Alto Rendimiento Adobenvivo
Upcoming SlideShare
Loading in …5
×

Sitios Web De Alto Rendimiento Adobenvivo

2,736 views

Published on

Optimización de sitios web para Alto Rendimiento - Base de esta nueva disciplina dentro del mundo del diseño y desarrollo web. Incluye algunos tips importantes a seguir.
Charla presentada el 20/12/09 en Lima, en el marco del evento Adobenvivo

Published in: Technology, Automotive
1 Comment
1 Like
Statistics
Notes
  • Interesante documento para los interesados en diseño web...
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
2,736
On SlideShare
0
From Embeds
0
Number of Embeds
13
Actions
Shares
0
Downloads
0
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

Sitios Web De Alto Rendimiento Adobenvivo

  1. 1. Sitios Web de Alto Rendimiento Lic. Maximiliano Firtman @firt – firt.mobi Lima, 20/12/2009 Picture from Simon Howden freedigitalphotos.net
  2. 2. Acerca de mí Argentina Profesor Desarrollador Speaker Autor de Libros Pictures from freedigitalphotos.net
  3. 3. WEB 2.0 www.libroajax.com
  4. 4. MOBILE
  5. 5. SABIAS ?
  6. 6. Picture from Simon Howden freedigitalphotos.net
  7. 7. POR QUE ?
  8. 8. Picture from Simon Howden freedigitalphotos.net
  9. 9. 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 
  10. 10. Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento
  11. 11. Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento
  12. 12. SAVE ME! Picture from Matt Banks freedigitalphotos.net
  13. 13. Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento
  14. 14. Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento
  15. 15. HTML  Recursos  Browser  Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento
  16. 16. Lic. Maximiliano Firtman - @firt www.itmaster.com.ar Sitios web de alto rendimiento
  17. 17. Foto de freefoto.com
  18. 18. Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento
  19. 19. Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento
  20. 20.   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áfico     ¡Se puede reducir un 50% el 'empo de carga!  Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento
  21. 21.   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
  22. 22.   Sabemos que podemos usar HTTP 1.1,   usemos Keep‐Alive!    Ahorramos decenas de paquetes TCP que  redundan en mayor velocidad final  Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento
  23. 23.   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
  24. 24.   Hoy muy accesible    El contenido está'co distribuirlo por una CDN  (Content Distribu'on Network)  Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento
  25. 25.   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
  26. 26.   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
  27. 27.   “Odiarás todo lo que desconozcas”  Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento
  28. 28.   Reducen ampliamente las pe'ciones    Permiten unir en un archivo todos (o varios)  gráficos del si'o web  Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento
  29. 29.   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,R0lGODlhDAAMALMLAPN8ffBiYvWWlvrKy/FvcPewsO9VVfajo +w6O/zl5estLv/8/ AAAAAAAAAAAAAAAACH5BAEAAAsALAAAAAAMAAwAAAQzcElZyryTEHyT UgknHd9xGV +qKsYirKkwDYiKDBia12H1KBLQRFIJAIKywRgmhwAIlEEADs=">  Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento
  30. 30.   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
  31. 31.   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
  32. 32.   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
  33. 33.   Ofuscación    Google Closure Compiler  Lic. Maximiliano Firtman - @firt Sitios web de alto rendimiento
  34. 34.   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
  35. 35. Consultas Gracias!! Lic. Maximiliano Firtman @firt – firt.mobi Foto de freefoto.com Lima, 20/12/2009

×