Nueva portada de Munack

Renovación de la página web

En las ultimas semanas estuvimos trabajando para lavarle la cara al sitio y agregar mejoras de usabilidad y rendimiento. Te contamos qué hicimos.

Aspecto

Se hizo un rediseño importante, pero lo básico permaneció. Lo más importante al respecto fue la adición de una columna de información a la derecha, hacia donde se movió el bloque del Carrito de compras. También se agregó un bloque de Novedades, donde van a ir apareciendo los productos nuevos. Por último se agregó un bloque con los últimos post de este blog. También se mejoró la usabilidad del pie de página y se agregaron enlaces sociales hacia las principales redes donde operamos.

Impresión

Se agregó una hoja de estilos para la impresión de la página. Ahora, si querés imprimir la página, es mucho más fácil.

Impresion de Munack

Versión móvil

Se optimizaron los estilos para mejorar la representación en dispositivos móviles. Se agregó un ícono para iPhones y mejoró la visualización en BlackBerrys.

Versión móvil

Feeds

Se adoptaron los servicios de FeedBurner para la distribución de feeds. Podés suscribirte desde la portada del servicio.

Rendimiento

Ahora lo importante: se trabajó extensivamente en el rendimiento del sitio. Se adoptaron diferentes CDNs para algunos archivos javascript y se empleó parcialmente un sprite de íconos para reducir la cantidad de solicitudes al servidor.

Algunos números sobre el rendimiento del sitio:

Versión original (promedio)

  • Peticiones: 68
  • Tamaño: 724Kb
  • Tiempo: 9.93 segundos

Versión nueva (promedio)

  • Peticiones: 59
  • Tamaño: 573Kb
  • Tiempo: 7.91 segundos

Se comprobó la versión en WooRank, Pingdom y en Google PageSpeed. Abajo algunas capturas de los resultados.

Medidores de rendimiento

Gráficos de rendimiento

Disfruten del nuevo sitio!

Cualquier sugerencia es bienvenida!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>