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: webapps
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 performance Tagged frontend, jiffy, monitoreo, monitoring, optimización, performance, server-side, web site 2 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 [...]
Also posted in performance Tagged high performance, javascript, optimización, request, webapps Leave a comment
tip 12 – Como paralelizar el trabajo del cliente y el servidor con “Flush”
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 [...]
Also posted in performance Tagged backend, high performance, optimización, performance-tip, request, server-side, web site 2 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 [...]
Also posted in performance Tagged javascript, optimización, performance, performance-tip Leave a comment
Tip 8 – El mejor amigo del optimizador web : YSLOW
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 [...]
Also posted in performance Tagged cache, client-side, frontend, optimización, performance, web site, YSlow Leave a comment
Tip 6 – Minimizar la cantidad de elementos del DOM
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 [...]
Also posted in performance Tagged CSS, DOM, frontend, optimización, performance, performance-tip Leave a comment
Tip 5 – Ganar performance utilizando el cache mediante el htaccess
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 [...]
Also posted in performance Tagged backend, cache, frontend, htaccess, http, optimización, performance-tip, server-side 1 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 [...]
Also posted in performance Tagged client-side, CSS, frontend, javascript, optimización, performance-tip, webapps 1 Comment
Tip 3 – Los CSS arriba!
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 [...]
Images ondemand