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: performance
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 [...]
Posted in performance, webapps Also tagged CSS, DOM, frontend, optimización, performance-tip Leave a 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 [...]
Tip 2 – Javascript al final
Para los ansioso, el tip: Poner todos los javascript al final de la página antes del tag </body>
La explicación:
Parece muy simple, pero la mayoría de los desarrolladores web, cuando programamos un web site, tenemos por costumbre poner los javascript dentro del HEAD. Sin saber que esto afecta notablemente el tiempo de carga de nuestro página, [...]
Posted in performance, webapps Also tagged client-side, frontend, optimización, web site, webapps 1 Comment
Tip 1 – Respuesta de Http compactada
Para los ansiosos el Tip:
Verificar que esté instalado el mod_deflate
En el archivo .htaccess de la carpeta root del site debemos poner:
SetOutputFilter DEFLATE
Si sólo queremos compactar algunos tipos de salida según su tipo MIME podemos hacerlo con:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
Eso [...]
Tip 0 – Por qué el foco debe estar en el Frontend ?
Es obvio que nuestros usuarios disfrutan y por ende usan mas un sitio que es rápido a uno que es lento. De hecho, según las estadísticas de Amazon y de Ebay cada segundo de demora en sus sitios representa el 1% perdida en las ventas.
Como ya lo ha demostrado Steve Souders con su equipo en [...]
Posted in performance, webapps Also tagged frontend, optimización, regla 80-20, request Leave a comment
Tip 7 – Como optimizar una web – Donde empezar