Tag Archives: performance

Monitoreo de la performance real con Google Analytics

By admin | Published: 2010/09/13
(English Version) Google Analytics es un exelente servicio para poder ver el comportamiento de los visitantes de un site. Con solo copiar y pegar algun script podemos saber un muchas de cosas. Pero este servicio no nos dice nada sobre cuan rapido / lento es nuestro sitio para los visitantes, y como ya hemos hablado muchas [...]
Posted in performance | Also tagged , , | 3 Comments

Cargar Javascript sin bloquear

By admin | Published: 2010/06/10
Es sabido que el tag <script> es bloqueante y frena el browser hasta que descarga, compila y ejecuta su contenido, por ende es altamente recomendable poner todos los scripts al final de la pagina para no demorar el rendering de la misma.  Adicionalmente, hay algunas técnicas para cargar de manera asincronica (no bloqueante). De todos los [...]
Posted in performance | Also tagged , , , | Leave a comment

Cargar imagenes a demanda y ganar performance

By martin | Published: 2009/09/21
(The english version) Escribí un pequeño script basado en jquery para mejorar la performane al cargar una página. La idea es simple, el script hace que la página cargue solo las imagenes que muestra a medida que el usuario hace scroll. Es muuuuy fácil de usar. Lo único que tenes que hacer es cambiar la url de la [...]
Posted in performance | Also tagged , , , , | 5 Comments

Images ondemand

By martin | Published: 2009/09/16
This is a very easy technique to improve web page performance by implementing the tip “Make fewer HTTP Requests“. How? By avoiding downloading images that users will never see. For instance, you can see what happens on firebug when the browser has to download all thumbnails from a popular blog post, which has a [...]
Posted in performance, webapps | Also tagged , , , , , , | 1 Comment

Tip – Monitoreos de performance, el punto de partida y de fin de cualquier optimización web

By martin | Published: 2009/07/24
Desde hace un tiempo estoy trabajando en varios proyectos de optimización web, sobre todo en abocado al frontend. Y vengo recomendando en este blog algunas coas a tener en cuenta. Debo decir que mas allá de cual sea la técnica o herramienta que utilicemos para identificar los posibles problemas de performance de nuestro site, y cuales [...]
Posted in performance, webapps | Also tagged , , , , , , | 2 Comments

tip 14 – Optimización de Imagenes

By martin | Published: 2009/06/10
Resumen: En estos tips vamos a ver las 4 técnicas mas útiles y simples para la optimización de imagenes para una web. Inclusive técnicas con los últimos adelantos de css y los render engine.  Los Tips de performance que vamos a desarrollar son: Formato, tamaño y compresión adecuada Convinar en css sprites Cache para imagenes Usar CSS Gradients para efectos El [...]
Posted in performance | Also tagged , , , , , | 1 Comment

Videos de Steave Souder en la universidad de Stanford

By martin | Published: 2009/05/21
Les quería dejar el enlace a las tres primeras clases de ” High Performance Web Sites ” en facultad de Computer Science la universidad de Stanford dictadas por el investigador y ahora colaborador de Google Steave Souder. Los videos aquí Lamentablemente solo podemos ver las 3 primeras y si queremos ver el resto debemos pagar u$ 600. [...]
Posted in performance | Also tagged , , , , | Leave a comment

tip 11 – Descargas en paralelo

By martin | Published: 2009/05/14
tip: utilizar entre 2 y 6 hostnames para componentes estaticos (CSS, JS e Img) Por una especificación de HTTP 1.1 muchos navegadores tienen el limite de descarga de hasta dos componentes en paralelo por hostname. Obviamente esto perjudica la performance de carga de nuestra web. Aunque por suerte en las últimas versiones de Firefox, IE, [...]
Posted in performance | Also tagged , , , , | 4 Comments

tip 9 – Evitar el bloqueo al cargar javascripts

By martin | Published: 2009/04/30
Como lo he comentado anteriormente cada browser tiene un comportamiento bastante malo en la performance de nuestro site en el momento de cargar e interpretar un script, ya sea externo o un tag de la misma página. Tanto IE, FFX, Chrome y Safari tienen bloqueos cuando cargan el script. Los bloqueos los podemos separar en dos [...]
Posted in performance, webapps | Also tagged , , | Leave a comment

Tip 8 – El mejor amigo del optimizador web : YSLOW

By martin | Published: 2009/03/26
Para los ansiosos, el tip: entra y descarga el YSLOW aca Ahora si la explicación: Desde que me dedico a optimizar webapps y websites la mejor herramienta que he encontrado es el YSlow, cuya traducción es un juego de palabras que significa: “Por que es lento”. El YSlow es un plugin para el Firebug que es [...]
Posted in performance, webapps | Also tagged , , , , , | Leave a comment