Author Archives: martin

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 | 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 [...]
Posted in performance, 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 [...]
Posted in performance, 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 [...]
Posted in performance, webapps | Tagged , , , , , , , | 1 Comment

Tip 3 – Los CSS arriba!

By martin | Published: 2009/03/05
Para los ansiosos, el Tip: siempre incluir todos los CSS con el tag LINK dentro del HEAD Para los que quieran leer, va la explicación: Los navegadores (browser para los amigos) como IE, FireFox, Opera, Safari, Crome, etc utilizan un sistema que se encarga de “dibujar” el HTML(markup) y todos los elementos de la página. Este sistema [...]
Posted in performance, webapps | Tagged , , , | Leave a comment

Tip 2 – Javascript al final

By martin | Published: 2009/03/04
Para los ansioso, el tip: Poner todos los javascript al final de la página antes del tag </body> La explicación: Parece muy simple, pero la mayoría de los desarrolladores web, cuando programamos un web site, tenemos por costumbre poner los javascript dentro del HEAD.  Sin saber que esto afecta notablemente el tiempo de carga de nuestro página, [...]
Posted in performance, webapps | Tagged , , , , , | 1 Comment

Tip 1 – Respuesta de Http compactada

By martin | Published: 2009/03/02
Para los ansiosos el Tip: Verificar que esté instalado el mod_deflate En el archivo .htaccess de la carpeta root del site debemos poner: SetOutputFilter DEFLATE Si sólo queremos compactar algunos tipos de salida según su tipo MIME podemos hacerlo con: AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript Eso [...]
Posted in performance, webapps | Tagged , , , | Leave a comment

Tip 0 – Por qué el foco debe estar en el Frontend ?

By martin | Published: 2009/02/27
Es obvio que nuestros usuarios disfrutan y por ende usan mas un sitio que es rápido a uno que es lento. De hecho, según las estadísticas de Amazon y de Ebay cada segundo de demora en sus sitios representa el 1% perdida en las ventas. Como ya lo ha demostrado Steve Souders con su equipo en [...]
Posted in performance, webapps | Tagged , , , , | Leave a comment