10 normas de diseño web para conexiones con baja velocidad de transferencia

Escuchar con webReader

Aunque continuamente está mejorando el ancho de banda que tenemos en nuestras casas y en nuestras oficinas, sigue existiendo a nivel mundial una gran cantidad de usuarios que utilizan conexiones con poca velocidad de conexión.

Además el aumento de conexiones desde dispositivos móviles cuya velocidad de transferencia de datos a es baja vuelve a crear las necesidad de optimizar las web para este tipo de conexiones.

10 Consejos

  1. Páginas más pequeñas de 25Kb: Páginas que carguen en menos de 10s para conxiones de 20Kbps.
  2. Reduce el número de imágenes: Es posible diseñar bien sin muchas imágenes, usando CSS para el layout y rollover.
  3. Estructura bien la web: Proporciona navegación simple, no hagas a los usuarios cargar páginas innecesarias.
  4. Usa Estilos en Cascada: No uses tablas para el Layout.
  5. Minimiza las llamadas http: Cada imagen, cada archivo CSS o Jav script es una llamada http distinta. Muchas pueden provocar lentitud en la carga de la página.
  6. Permite la compresión: Comprimiendo las página en el servidor puedes reducir a la mitad las páginas.
  7. Páginas Cacheable: Permite a los navegadores mantener en cache los contenidos.
  8. No uses PDFs: Si los usas optimizalos tambien. Pueden optimizarse usando graficos vectoriales y minimizando el número de fuentes.
  9. Pon primero los items más útiles: Pon el menú de navegación en la cabecera de cada página y así será lo primero en cargarse. Haz tus páginas útiles antes de que termine la carga.
  10. Muestra el tamaño de los enlaces: No obligues a a descargar archivos grandes, enlazalos siempre, y si son mayores de 75kb muestra  el tamaño.

Mas información: Web Design Guidelines for Low BandWidth


Lo más leído

¿Disfrutaste esta entrada? Por qué no dejas un comentario abajo y continúas la conversación, o te suscríbes a mi feed y obtienes los artículos como este enviados automáticamente cada día hacia tu lector de feeds.

comment_type == "trackback" || $comment->comment_type == "pingback" || ereg("", $comment->comment_content) || ereg("", $comment->comment_content)) { ?>

Trackbacks & Pingbacks

2013 at 3 h 53 min…

10 normas de diseño web para conexiones con baja velocidad de transferencia » Inclusión. Accesibilidad y Usabilidad web….

comment_type == "trackback" || $comment->comment_type == "pingback" || ereg("", $comment->comment_content) || ereg("", $comment->comment_content)) { ?>

Trackbacks & Pingbacks

Vind ipad 3…

10 normas de diseño web para conexiones con baja velocidad de transferencia » Inclusión. Accesibilidad y Usabilidad web….

comment_type == "trackback" || $comment->comment_type == "pingback" || ereg("", $comment->comment_content) || ereg("", $comment->comment_content)) { ?>

Trackbacks & Pingbacks

tabdigtab.org…

10 normas de diseño web para conexiones con baja velocidad de transferencia » Inclusión. Accesibilidad y Usabilidad web….

comment_type == "trackback" || $comment->comment_type == "pingback" || ereg("", $comment->comment_content) || ereg("", $comment->comment_content)) { ?>

Trackbacks & Pingbacks

quakelive.eu…

10 normas de diseño web para conexiones con baja velocidad de transferencia » Inclusión. Accesibilidad y Usabilidad web….

comment_type == "trackback" || $comment->comment_type == "pingback" || ereg("", $comment->comment_content) || ereg("", $comment->comment_content)) { ?>

Trackbacks & Pingbacks

seiko セイコー 超two face

10 normas de diseño web para conexiones con baja velocidad de transferencia » Inclusión. Accesibilidad y Usabilidad web.

comment_type == "trackback" || $comment->comment_type == "pingback" || ereg("", $comment->comment_content) || ereg("", $comment->comment_content)) { ?>

Trackbacks & Pingbacks

yo soy

10 normas de diseño web para conexiones con baja velocidad de transferencia » Inclusión. Accesibilidad y Usabilidad web.

Trackbacks & Pingbacks

No hay trackbacks/pingbacks todavía.

Comentarios

comment_type != "trackback" && $comment->comment_type != "pingback" && !ereg("", $comment->comment_content) && !ereg("", $comment->comment_content)) { ?>

2013 at 3 h 53 min…

10 normas de diseño web para conexiones con baja velocidad de transferencia » Inclusión. Accesibilidad y Usabilidad web….

comment_type != "trackback" && $comment->comment_type != "pingback" && !ereg("", $comment->comment_content) && !ereg("", $comment->comment_content)) { ?>

Vind ipad 3…

10 normas de diseño web para conexiones con baja velocidad de transferencia » Inclusión. Accesibilidad y Usabilidad web….

comment_type != "trackback" && $comment->comment_type != "pingback" && !ereg("", $comment->comment_content) && !ereg("", $comment->comment_content)) { ?>

tabdigtab.org…

10 normas de diseño web para conexiones con baja velocidad de transferencia » Inclusión. Accesibilidad y Usabilidad web….

comment_type != "trackback" && $comment->comment_type != "pingback" && !ereg("", $comment->comment_content) && !ereg("", $comment->comment_content)) { ?>

quakelive.eu…

10 normas de diseño web para conexiones con baja velocidad de transferencia » Inclusión. Accesibilidad y Usabilidad web….

comment_type != "trackback" && $comment->comment_type != "pingback" && !ereg("", $comment->comment_content) && !ereg("", $comment->comment_content)) { ?>

seiko セイコー 超two face

10 normas de diseño web para conexiones con baja velocidad de transferencia » Inclusión. Accesibilidad y Usabilidad web.

comment_type != "trackback" && $comment->comment_type != "pingback" && !ereg("", $comment->comment_content) && !ereg("", $comment->comment_content)) { ?>

yo soy

10 normas de diseño web para conexiones con baja velocidad de transferencia » Inclusión. Accesibilidad y Usabilidad web.

Deja un comentario

Saltos de línea automáticos, la dirección de email nunca será publicada, HTML permitido: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(requerido)

(requerido)