|
Diseño de páginas
Web
Algunos consejos para optimizar
gráficos para internet (y que tu página cargue más
rápido):
La principal idea ha tener en mente para poder
optimizar una página de internet es que toda resolución que
no sea apreciable en la pantalla o a la hora de imprimir es una carga inutil
en la página, un valioso espacio. La principal razón por
la que dejo de cargar una página es porque demora demasiado, el
peso (tamaño de los archivos) es crucial en el diseño de
páginas de Internet porque no sólo determina la apariencia
de la página sino inclusive el que la página sea leíada
o no. Un gráfico que consideramos muy hermoso podría significar
la diferencia entre que la página sea o no vista que es lo que al
final nos debe importar.
Estos son algunos puntos importantes que reducirán
notablemente el tamaño de los archivos:
-
Seleccionar el tipo de archivo gráfico según
el gráfico en cuestión (jpg, gif, etc.)
-
Reducir la paleta de colores de los archivos gráficos
al mínimo que requieran los gráficos en cuestión (el
proceso se indica más adelante) esto incluye seleccionar que archivos
deben ir en blanco y negro, 16 colores, 256 colores, 256 grises, 24 bits,
etc.
-
Reducir los archivos gráficos al tamaño
óptimo real, no utilizar jamás las opciones de reducción
usando la opción "size" en html, esto hace que uno cargue un archivo
grande (y demoroso) para finalmente ver en pantalla un gráfico chico.
Lo lógico es reducir el archivo hasta el tamaño en el cual
será apreciado para no desperdiciar espacio de disco y sobre todo
tiempo de carga.
-
Utilizar opciones que tienen apariencia igual pero
requieren menos tiempo de carga (por ejemplo preferir siempre las tablas,
que se escriben en html simple, a los "frames", que requieren un
java script que demora mucho más en cargar)
-
Tener en mente que no siempre el que carga la página
en la que estamos trabajando tendrá una configuración de
pantalla igual a la nuestra, de hecho la mayor parte de la gente tendrá
una configuración distinta. Diseñar para las configuraciones
más habituales (640 x 480 y 800 x 600 preferibles
a 1024 x 768, y 256 colores preferible a 24 bit, 32 bit o 16 colores)
-
Evitar en la medida de lo posible páginas
de programa (java script) cuando estos no sean indispensables.
-
Preferir los fondos monocromos o en blanco a las
tramas (gif de fondo)
-
Medir los tiempos de carga antes y después
de cambios de diagramación e inclusión de gráficos
para tener una idea de cómo se ha afectado el tiempo de carga.
-
Usar siempre las opciones de Reload y Limpieza
de Cache Memory de su buscador cuando se prueben los cambios para asegurarse
de que se está cargando toda la página de nuevo.
-
Un buen método es cargar la página
desde un diskette o zip para simular el tiempo de carga (download)
del archivo. El disco duro siempre será demasiado rápido
y nos hará creer que la página está bien cuando en
realidad puede ser muy lenta una vez en la red.
|