Tag Archives: javascript

La evolucion de ga.js y el mejor script de Google Analytics

(The english version) Hay un muchos articulos que hablan sobre el problema de bloqueo del browser cuando carga archivos externos de js.  En resumen:  cuando el browser encuentra <script src=…, este bloquea el dibujado de la pagina, hasta que el archivo js es descargado y ejecutado. Steve Souder presento un completo analisis sobre varias tecnicas para resolver [...]
Posted in performance | Also tagged , , | 5 Comments

Cargar Javascript sin bloquear

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

(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

tip 13 – Reducir la cantidad de Ajax Request

tip : utilizar alguna técnica de “Multi Part Ajax Request” Como ya sabemos, las webapp o website desarrollados con la técnica de ajax tienen muchísimas ventajas en performance y usabilidad sobre las webapps hechas con la clásica arquitectura  request-response.  Pero también es sabido que el costo de cada Request del navegador suele ser el mas caro a [...]
Posted in performance, webapps | Also tagged , , , | Leave a comment

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

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

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 4 – Compactar Javascript, Css y porque no el HTML

Para los ansiosos, el tip: Compactar el CSS y Javascript la página. La explicación: Si pensamos que nuestro objetivo es disminuir el tiempo de carga de un nuevo usuario en nuestra web site o webapp.  Debemos entender que el peso de los archivos que se transmiten entre el servidor web y el browser importa en [...]
Posted in performance, webapps | Also tagged , , , , , | 1 Comment