Tag Archives: CSS

Descargar en paralelo el sprite de css

By admin | Published: 2010/12/08
Hace unas semanas participe del concurso webperf-contest. Un excelente concurso de WPO con un claro objetivo: mejorar la perfomance de un sitio. Para lograr eso reescribí todo el código frontend aplicando todas las técnicas de WPO que sabía: Unificar y poner en el head todo el CSS Unificar el Javascript Cargar los Javascript de forma Async Compactar el JS, CSS [...]
Posted in performance | Also tagged , , , , , | 2 Comments

tip 14 – Optimización de Imagenes

By martin | Published: 2009/06/10
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 | Also tagged , , , , , | 1 Comment

Tip 6 – Minimizar la cantidad de elementos del DOM

By martin | Published: 2009/03/16
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 , , , , | Leave a comment

Tip 4 – Compactar Javascript, Css y porque no el HTML

By admin | Published: 2009/03/08
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

Tip 3 – Los CSS arriba!

By martin | Published: 2009/03/05
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 [...]
Posted in performance, webapps | Also tagged , , | Leave a comment