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
Category Archives: performance
Monitoreo de la performance real con Google Analytics
(English Version)
Google Analytics es un exelente servicio para poder ver el comportamiento de los visitantes de un site. Con solo copiar y pegar algun script podemos saber un muchas de cosas. Pero este servicio no nos dice nada sobre cuan rapido / lento es nuestro sitio para los visitantes, y como ya hemos hablado muchas [...]
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 [...]
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 Tagged javascript, optimización, optimization, performance, performance-tip Leave a comment
Load ads defered (without blocking)
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 Tagged ads loading, adsense, client-side, frontend, high performance, optimization, performance-tip 3 Comments
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 Tagged frontend, images, images ondemand, javascript, performance, performance-tip 5 Comments
Images ondemand
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 [...]
Also posted in webapps Tagged backend, frontend, imagenes, images, optimization, performance, performance-tip, web site 1 Comment
Tip – Monitoreos de performance, el punto de partida y de fin de cualquier optimización web
Desde hace un tiempo estoy trabajando en varios proyectos de optimización web, sobre todo en abocado al frontend. Y vengo recomendando en este blog algunas coas a tener en cuenta.
Debo decir que mas allá de cual sea la técnica o herramienta que utilicemos para identificar los posibles problemas de performance de nuestro site, y cuales [...]
Also posted in webapps Tagged frontend, jiffy, monitoreo, monitoring, optimización, performance, server-side, web site 2 Comments
tip 14 – Optimización de Imagenes
Resumen:
En estos tips vamos a ver las 4 técnicas mas útiles y simples para la optimización de imagenes para una web. Inclusive técnicas con los últimos adelantos de css y los render engine. Los Tips de performance que vamos a desarrollar son:
Formato, tamaño y compresión adecuada
Convinar en css sprites
Cache para imagenes
Usar CSS Gradients para efectos
El [...]
Posted in performance Tagged cache, client-side, CSS, imagenes, optimización, performance, web site 1 Comment
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 [...]
Also posted in webapps Tagged high performance, javascript, optimización, request, webapps Leave a comment
Descargar en paralelo el sprite de css