Aeromental con diseño más ligero

@ 16 . diciembre . 2010

Entre ayer y hoy estuve optimizando el código de Aeromental para que sin realizar muchos cambios en diseño, la página cargue más rápido tanto en el home como en los posts. Algunos ya se habrán ido dando cuenta de algunos cambios realizados.

Esto porque si bien ya la banda ancha esta muy difundida en varios países hispanos, soy consciente que casi nadie navega con toda la banda ancha predispuesta para un blog, varios seguro que navegan por aquí mientras estan cargando un par de vídeos de youtube, un álbum de fotos de Facebook, bajando archivos de algún servicio p2p, etc… y con eso la banda ancha se satura y se necesita de igual forma que la página sea muy ligera de cargar para navegar con mayor velocidad.

:celular: Desde el Celular: Cada día son más personas que nos visitan desde teléfonos móviles (iPhone, BlackBerries, modelos con Android, iPads, tabletas, etc) para ellos también es vital tener un diseño ligero para gastar menos bytes en la red 3G, donde se cobra según el uso y no es una red muy rápida.

Espero que noten que el blog carga más rápido, cualquier observación es bienvenida en los comentarios.

Entre las mejoras realizadas estan:

  • La imagen de la cabecera (el logotipo) bajé la calidad de 95% a 85%, por lo que su peso bajó de 29 KB a 18KB.
  • Borré varios espacios en blanco y clases sin usar del CSS, con lo que se optimizó su peso en 2KB.
  • Varios íconos han sido sacados del diseño, como por ejemplo el de RSS, Firefox y los 2 perros de noticias similares.
  • Las listas “ul” dentro de los posts y de Últimas Noticias en la barra lateral ya no cuentan con un icono gráfico a la izquierda (una flechita en png), sino con los puntos por defecto del CSS.
  • Los 2 cuadros de Facebook (con listas de posts compartidos de tus contactos) que estaban debajo del post, han sido eliminados.
  • Adiós a los botones de Google Buzz.
  • En la página de un post, los botones de enviar a twitter y Facebook solo estan arriba, los que estaban debajo del post ya no estan, aligerando así la página. Por lo tanto ya no hay botón de enviar el post por e-mail.
  • En el home, ya no hay link a los tags debajo de cada post, una función php menos que me pareció no era muy útil tenerlo ahí.
  • La barra lateral del home ahora tiene las categorías, blogroll y Archivos más arriba y las últimas noticias van por debajo de estas, así ese código se carga sólo ahí y no quedaba dentro un if para las demás páginas (1 de cada 5 personas podrá entender lo que dije en este punto XD )

Vaya dieta, todo esta ahora más light !!!!

Con esto estamos mejorando el tiempo de carga de todo el blog, favoreciendo que nos sigan prefiriendo :)

DanielSemperAutor: Daniel Semper, fanático de la tecnología y sus usos sociales, cinéfilo geek, al menos veo una película por semana, innovador en Front-End y activo lector de comics. En mis tiempos libres soy ingeniero y estudio una maestría en Sidney en la universidad de UTS. Me puedes contactar en: twitter, Google Plus.
e-mail: hola @ danielsemper.com

Noticias Similares

  • ariel

    Con razon cargo tan rapido en mi blackberry… Buen cambio.

  • Caa

    Muy bien Daniel :D sigue así

  • Alan

    Felicidades por preocuparte por los lectores :) es un buen gesto. Un saludo

  • Alex

    Claro q me di cuenta del cambio, siempre veo el blog desde mi BlackBerry Torh y me di cuenta que se cargaba más rápido! Gracias por la optimizacion!

  • Nathan

    se ve bien :P

  • Axel-R

    (y) Note el cambio (y)

  • Mati

    Muchas gracias, esta bueno ver que el blog va mejorando de a poco!
    Vas por buen camino… sigue así !

  • Gerarde

    Agradezco los cambios Daniel, tu blog es de los mejores en español ;)
    Una pequeña corrección para tu post nada más en esta oración:
    -En el home, y ano hay link a los tags debajo de cada post, una función php menos que me pareció no era muy útil tenerlo ahí.

    Mas de un mal pensado se reirá de esto, xD
    Saludos querido amigo!

  • diego282777

    vaya ahora esta todo mas rapido, genial daniel! gracias! cierto daniel sabes como le hago para cambiar la imagen q muestro??? me podrias explicar como porfavor? u.u

  • Tribak

    Al final de los posts tienes dos botones (http://d.pr/zRND), pero en el ultimo y el primer (http://d.pr/OofM) post o pagina se ve uno vacio, bastaria con poner algo como “No hay entradas mas recientes” o similares, igual podrías eliminar el boton cuando no se necesite

  • http://www.aeromental.com/ DanielSemper

    Tribak: Solucionado, ya no sale el botón vacio !!!
    diego282777: debes entrar a Gravatar y hacer login con tu email, luego ahi cambias tu avatar.

  • Comequeso

    Excelente! muchas gracias! por cierto, soy 1 de las 4 personas que no entendió lo último XD

  • diego282777

    gracias !

  • altemi

    Aeromental entro en la onda light y se ve muyyy bien :enamorar:

    Una pregunta, usaste algún truco para bajarle el peso a la cabecera? Es que aun se ve bien la calidad de la imagen y 10kb son 10kb :P

  • http://www.aeromental.com/ DanielSemper

    Altemi:
    El header lo edité en Fireworks. De calidad 95% JPG, bajé a 85%, nada más.