freedev
WPO
Tags
adsense ads loading backend books cache client-side CSS DOM frontend google analytics high performance htaccess http imagenes images images ondemand javascript jiffy monitoreo monitoring optimización optimization performance performance-tip regla 80-20 request server-side sprite webapps web site YSlowPages
Archives
Tag Archives: javascript
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 optimización, optimization, performance, performance-tip 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 frontend, images, images ondemand, performance, performance-tip 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 high performance, optimización, request, webapps 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 [...]
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 optimización, performance, performance-tip 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 client-side, CSS, frontend, optimización, performance-tip, webapps 1 Comment
La evolucion de ga.js y el mejor script de Google Analytics