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

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
- Páginas más pequeñas de 25Kb: Páginas que carguen en menos de 10s para conxiones de 20Kbps.
- Reduce el número de imágenes: Es posible diseñar bien sin muchas imágenes, usando CSS para el layout y rollover.
- Estructura bien la web: Proporciona navegación simple, no hagas a los usuarios cargar páginas innecesarias.
- Usa Estilos en Cascada: No uses tablas para el Layout.
- 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.
- Permite la compresión: Comprimiendo las página en el servidor puedes reducir a la mitad las páginas.
- Páginas Cacheable: Permite a los navegadores mantener en cache los contenidos.
- No uses PDFs: Si los usas optimizalos tambien. Pueden optimizarse usando graficos vectoriales y minimizando el número de fuentes.
- 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.
- 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
- Dislexia. La bew bara dobos.
- ¿Cómo adapto un interfaz web para móvil?
- Cómo maquetar un correo electrónico HTML para los distintos clientes
- 24 Herramientas para realizar test de Usabilidad
¿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.
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….
Trackbacks & Pingbacks
Vind ipad 3…
10 normas de diseño web para conexiones con baja velocidad de transferencia » Inclusión. Accesibilidad y Usabilidad web….
Trackbacks & Pingbacks
tabdigtab.org…
10 normas de diseño web para conexiones con baja velocidad de transferencia » Inclusión. Accesibilidad y Usabilidad web….
Trackbacks & Pingbacks
quakelive.eu…
10 normas de diseño web para conexiones con baja velocidad de transferencia » Inclusión. Accesibilidad y Usabilidad web….
Trackbacks & Pingbacks
seiko セイコー 超two face
10 normas de diseño web para conexiones con baja velocidad de transferencia » Inclusión. Accesibilidad y Usabilidad web.
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
// Begin Comments ?>
Comentarios
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>
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….
Vind ipad 3…
10 normas de diseño web para conexiones con baja velocidad de transferencia » Inclusión. Accesibilidad y Usabilidad web….
tabdigtab.org…
10 normas de diseño web para conexiones con baja velocidad de transferencia » Inclusión. Accesibilidad y Usabilidad web….
quakelive.eu…
10 normas de diseño web para conexiones con baja velocidad de transferencia » Inclusión. Accesibilidad y Usabilidad web….
seiko セイコー 超two face
10 normas de diseño web para conexiones con baja velocidad de transferencia » Inclusión. Accesibilidad y Usabilidad web.
yo soy
10 normas de diseño web para conexiones con baja velocidad de transferencia » Inclusión. Accesibilidad y Usabilidad web.