Tag Archives: performance-tip

Descargar en paralelo el sprite de css

By admin | Published: 2010/12/08
Hace unas semanas participe del concurso webperf-contest. Un excelente concurso de WPO con un claro objetivo: mejorar la perfomance de un sitio. Para lograr eso reescribí todo el código frontend aplicando todas las técnicas de WPO que sabía: Unificar y poner en el head todo el CSS Unificar el Javascript Cargar los Javascript de forma Async Compactar el JS, CSS [...]
Posted in performance | Also tagged , , , , , | 2 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

Load ads defered (without blocking)

By martin | Published: 2010/03/22
Load ads defered (without blocking) Ads’s scripts are evil, most part of them use document.write to create a new script element, and then it load an other script which make an iframe which load other script which make….and finally your page were blocked, not rendering, until ads are loaded. We solved this problem using a very stupid [...]
Posted in performance | Also tagged , , , , , | 3 Comments

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 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 [...]
Posted in performance, webapps | Also 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 | Also tagged , , , , | Leave a comment

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 | Also 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 [...]
Posted in performance, webapps | Also 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 | Also tagged , , , , | Leave a comment