El peso de una página

El peso de una página (Aspectos a tener en cuenta en el diseño de un web o cd multimedia)
En el primer artículo de introducción nos referíamos al peso de la página como uno de los aspectos más
importantes a la hora de diseñar una web, debido a que las páginas web se descargan a través de
conexiones de Internet que tienen un ancho de banda limitado. De todas modos, las recomendaciones
que expondremos aquí, sería positivo que también se tuvieran en cuenta al diseñar un cd multimedia ya
que entonces se cargará mucho más rápido y se podrá navegar a través de él más ágilmente, debido a
que la velocidad de un lector de cd tampoco es ilimitada aunque mucho más elevada que una conexión
de Internet.
Tomando este punto de partida, os recomendamos que el peso de una página web sea lo menor posible,
pero considerando que esta recomendación puede afectar seriamente al diseño, proponemos que una
página web no supere los 100kb y que una página de cd multimedia no supere los 1000kb. En estos
casos extremos, el tiempo de carga o presentación de una página puede ser de uno a cinco segundos.
Debemos de remarcar que al hablar de peso de una página nos referimos a la suma del código de la
página y de todas las imágenes y animaciones flash que se cargarán al mismo tiempo. También
debemos de saber que un mismo diseño se puede aplicar a una página web que contenga diversas
imágenes y animaciones flash insertadas (página html) o a una página web que se componga de una
única animación flash (página flash). Así pues, para plantear un buen diseño con el mínimo peso posible
deberemos de conocer las relaciones y características de cada uno de estos elementos: código html,
imágenes y código flash. A continuación os apuntamos algunas consideraciones que se deberán de
tener en cuenta.
La principal característica a recordar es que en una página web, tanto html como flash, el texto pesa mucho
menos que las imágenes. A pesar de todo, el diseño sobre html tiene muchas limitaciones en el formato
de tipografías, colores, medidas ... y repetidamente debemos de recurrir a imágenes para implementar el
diseño deseado. En cambio, el diseño sobre flash ofrece muchas más posibilidades respecto el formato
del texto aunque que no ilimitadas y muchas veces nos podemos evitar el recurso de las imágenes.
Siguiendo con las características anteriores, debemos de considerar que las formas de colores planos
limitados por líneas horizontales y verticales (formas rectangulares) se pueden programar utilizando
código html consiguiendo un peso muy menor que insertando una imagen. De todas modos, la
codificación flash ofrece muchas más posibilidades de programar formas o figuras mucho más complejas
que las rectangulares, hecho que puede reducir significativamente el peso de diseños complejos.
De los dos párrafos anteriores podríamos deducir que una página flash acostumbra a pesar menos que
una página html, pero no siempre será así y menos aún, cuando la página flash contenga alguna
animación. De todas modos, otra ventaja de las páginas flash es que pueden informar de la estado o
porcentaje de carga, aunque sólo recomendamos de utilizar este recurso en la página inicial ofreciendo
la posibilidad de obviar la carga y saltar a la siguiente información.
En cualquier caso, si inevitablemente debemos de utilizar imágenes en una página web o flash, como
será en la mayoría de los casos, entonces deberemos de tener en cuenta que las imágenes de medida
pequeña pesan menos que las de medida mayor, y que las imágenes con pocos colores o colores planos
siempre pesan mucho menos que las imágenes con muchos degradados o fotografías. De todas modos,
respecto a este último aspecto es interesante destacar que las imágenes con pocos colores o colores
planos pesan mucho menos guardadas como gif y en cambio las imágenes con muchos degradados o
fotografías pesan mucho menos guardadas como jpg. Los formatos gif y jpg son los más utilizados en el
diseño web y ambos casos utilizan una resolución de 72 dpi, una resolución muy inferior que la utilizada
por papel.
Una interesante posibilidad que ofrece la codificación html, cuando una imagen se puede descomponer
en una secuencia repetida de una única imagen horizontal o vertical, es la de cargar sólo una y
programar la repetición del resto, disminuyendo de esta manera mucho el peso. Un ejemplo típico de
utilización de este recurso se encuentra en líneas de sombreado o degradados.
Os acabaremos resumiendo el capítulo destacando que si en un diseño web utilizamos figuras y textos
en vez de imágenes obtendremos una página que pese mucho menos y se descargue con más rapidez.
Jan Bover
Director de Servicios de Internet Javajan
Asesores multimedia de los profesionales del diseño
www.javajan.com