Category Archives: performance

tip 12 – Como paralelizar el trabajo del cliente y el servidor con “Flush”

By martin | Published: 2009/05/21
Si bien en este blog se trabajo sobre la idea de que la mayor parte de las mejoras que se pueden realizar para optimizar la performance de un web site, no están en el código del servidor. Existen algunos casos que un pequeño truco puede ayudarnos mucho en una página que tiene una demora muy [...]
Also posted in webapps | Tagged , , , , , , | 2 Comments

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 | 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 | Tagged , , , , , | 4 Comments

tip 10 – Evitar el boqueo de la página por Adsense (u otro javascript)

By martin | Published: 2009/05/11
Bueno, esta es una técnica para poder cargar y ejecutar scripts externos sin que estos bloqueen la renderización de la página y la descarga de otros componentes en el navegador. Como ya lo he explicado en los anteriores posts. El caso mas común donde esto afecta realmente nuestro site es con los ads, donde nosotros no [...]
Posted in performance | Tagged , , , , | 7 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 [...]
Also posted in webapps | Tagged , , , | Leave a comment

news – High Performance Web Site (reloading…)

By martin | Published: 2009/04/27
Hace solo unos días que se publico el nuevo libro de Steave Souder “Even Faster Web Sites“, editado por O’Reilly puede ser adquirido en Amazon.com . Este es el segundo libro de este gran investigador del equipo de Best web Perfomance de Yahoo, quienes son los responsables de grandes herramientas como YSLOW y técnicas de performances [...]
Posted in performance | 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 [...]
Also posted in webapps | Tagged , , , , , , | Leave a comment

Tip 7 – Como optimizar una web – Donde empezar

By martin | Published: 2009/03/16
En este post voy a brevemente tratar de comentarles como llevar adelante una optimización de un website o webapp. En principio, debemos entender como trabaja un browser, la red y el web server.  Luego, ponernos en contexto de cual es el tipo de web que vamos a analizar: si es de contenido, publica o privada, etc. Quizás [...]
Posted in performance | Tagged , , , | Leave a comment

Tip 6 – Minimizar la cantidad de elementos del DOM

By martin | Published: 2009/03/16
El tip:  Minimizar la cantidad tags (elementos del DOM)  La explicación:  Es común trabajar con diseñadores que definen el layout de nuestra webapp o website con una herramienta WYSIWYG, como por ejemplo Dreamweaver.  Los diseñadores definen ahí el contenido y disposición de los elementos en la página, sin ver que el HTML que genera esa herramienta, es en [...]
Also posted in webapps | Tagged , , , , , | Leave a comment

Tip 5 – Ganar performance utilizando el cache mediante el htaccess

By martin | Published: 2009/03/12
para los ansiosos el tip (es un ejemplo que depende de cada casa optimizarlo a sus necesidades): # Turn on Expires and set default to 0 ExpiresActive On ExpiresDefault A0 # Set up caching on media files for 1 year (forever?) <FilesMatch ".(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav)$"> ExpiresDefault A29030400 Header append Cache-Control "public" </FilesMatch> # Set up caching on media files for 1 week <FilesMatch ".(gif|jpg|jpeg|png|swf)$"> ExpiresDefault A604800 Header append Cache-Control [...]
Also posted in webapps | Tagged , , , , , , , | 1 Comment