En el marco del diseño web, el término flash se utiliza para destacar aquella aplicación que combina animación, vídeo e interactividad. No es el único fin con el que se puede hacer gala de aquella palabra: un flash también es lo que duran los tiempos de los cibernautas frente a una web de diseño lento, poco dinámico. Efectivamente, un flash o un click, pueden decretar el éxito de un sitio o la propia condena de un portal.
Durante los tiempos que corren, en esta loca era de las comunicaciones, todo debe ser otorgado y servido al instante: los tiempos de espera ya no existen.
De acuerdo a estas reglas, cualquier diseñador de web debe mantener como prioridad la construcción de espacios con lapsos de carga cortos, discretos o, al menos, camuflados.
A continuación presentamos la primera parte de este repaso con algunos interesantes trucos para lograr un diseño web más dinámico, con un aprovechamiento del tiempo mas eficiente.
Tablas: usar con moderación
Diseñar una estructura compleja puede representar tanto beneficios como dificultades. Es decir, un aspecto vanguardista, es un buen gancho para atraer el ojo del cibernauta pero, por otra parte y en igual medida, los tiempos de carga que significan aquellas técnicas pueden hacer que dicho internauta se aleje del sitio.
Algo que ocurre, por ejemplo, con Internet Explorer y no tanto acaso con Firefox, es que al cargar una tabla se adosa inmediatamente el contenido entero generando una respuesta tardía. Las opciones ante tamaña dificultad son dos: o se reducen las tablas o se opta, en cambio, por un diseño CSS. Ambos caminos resultan útiles y esclarecedores.
Imágenes: reducir algunas, optimizar todas
Optimizar las imágenes para la web es un requisito indispensable y un gran método para mejorar los tiempos de carga. Tanto cuando se parte de una imagen escaneada o como cuando se utiliza algún otro tipo de imagen con alta resolución, es necesario adecuarla de acuerdo a pautas como la resolución, la densidad, número de colores y otros detalles. Es necesario, siempre que se use Photoshop, no olvidar utilizar la opción “Save for Web”.
En cuanto a la reducción, no hace falta agregar demasiado: a mayor número de imágenes, mayor tiempo de espera para acceder a las opciones del sitio, por lo tanto, nunca se debe saturar la web con fotos que no hacen al espacio.
Espacios en blanco: bajo control
Otra estrategia para reducir notablemente el tiempo de carga es, efectivamente, reducir los espacios en blanco. ¿Cómo hacerlo? Sencillamente eliminando las líneas sobrantes e innecesarias mediante la revisión del código de ficheros.
En el próximo artículo, la continuación del análisis con recomendaciones para disminuir los tiempos de carga en el diseño web madrid.
@emanuelolivier
