Gamarod JavaScript - Rutinas JavaScript Efectos javascript Codigos javascript Rutinas JavaScript

Programacion




Todo sobre Html - Acelerando la carga de páginas

Acelerando la carga de páginas






Aunque muchos consideran que la espera de un visitante respecto a la carga de un sitio varía de acuerdo a la información que necesita, la única verdad es que lo más inteligente sería atraer al visitante con información y una carga veloz al tiempo. ¿no? Sobre todo porque la mayor parte de las personas se conectan a Internet vía módem y con velocidades generalmente inferiores a los 56 kbps. Entonces, tenemos que hallar formas de reducir el peso de nuestros sitios, aunque éste rediseño implique el cambio de muchos aspectos. A continuación puedes observar un listado de consejos que te ayudarán a mejorar la velocidad de carga de tu página web:

Regla de Oro: Servidor Rápido
Para que un sitio web cargue rápido se requiere en gran proporción que el servidor o servicio bajo el cual se encuentra hospedado, tenga una buena velocidad. Siempre lo mejor será conseguir un hosting pago que te ofrece mayor velocidad y soporte, pero en caso de no tener dinero suficiente, y tengas que alojarte en un host gratuito, entonces prueba muchos y decídete por el que más rápido te parezca. Eso sí, olvida Geocities o alguno por el estilo.

Segunda regla de oro: Saber distinguir
Antes de continuar con la lectura de los demás consejos es importante que sepas reconocer cuáles elementos afectan profundamente la velocidad de carga, y cuáles son más neutrales. En este aspecto, es importante distinguir que las imágenes y objetos multimedia son los que pesan, ya que el texto no es muy definitivo, hasta cierto punto.
No queremos decir que hagas un sitio con sólo texto, pero sería importante regular el uso de multimedia.

Olvida los videos y sonidos
Como ya mencionamos los objetos multimedia son los que más ralentizan la carga de sitios web, pero aún más pesados que las imágenes son los videos y sonidos. Un video por lo general ocupa unos cuantos MB, y mientras nuestro navegante no opte por descargarlo, éste se reproducirá en tu sitio, y en caso de no llegar a bloquear el PC por completo, sí tardará un buen tiempo en aparecer y luego hará de todo el sitio una verdadera tortuga.
Yo recomiendo no utilizarlos a no ser que sean muy necesarios, por ejemplo si tu página es de videos o se caracteriza por crear comerciales de TV y te interesa mostrar tu portafolio.

Ahora los sonidos son muy agradables, y mientras no sean muy grandes (incrustados en un Flash, por ejemplo) podrían ayudar a entender mejor la página y hacer que el visitante se sienta a gusto, pero cuando vamos más allá y usamos sonidos complejos de fondo hacemos muy lenta la carga de las páginas.

Editando y comprimiendo las imágenes
Aunque las imágenes no afectan en tanta medida como los videos, también tienen su influencia. Es muy importante crear imágenes sin muchos efectos o complejidad exagerada, pero si no somos quienes creamos las imágenes, sino que ya las hemos descargado de Internet o las conseguimos por otro lado, entonces entra en juego la compresión de imágenes.

En dicha compresión de imágenes podemos tener en cuenta dos aspectos: el formato y la compresión en sí.

Hay dos formatos predominantes en la red: GIF y JPG. El primero está diseñado para utilizarlo en imágenes pequeñas o de baja complejidad, y en animaciones. El segundo es para fotografías muy detalladas.
Entonces, si vamos a ubicar un botón en nuestra página, sería mejor utilizar GIF, pero si vamos a mostrar la fotografía de un paisaje, entonces hay que aplicar el uso de JPG.

La otra parte de la compresión consiste en utilizar los utilitarios tanto online como offline que disminuyen el tamaño de las imágenes (asistentes incluidos en Fireworks u otros programas de diseño, o aplicaciones como el GIF Optimizer). Estos utilitarios se encargan de eliminar los colores no utilizados o repetidos, borrar los detalles que el ojo humano no puede percibir, o simplemente disminuyen la redondez de las curvas, mejorando así, el tamaño de la imagen.

Estructura del sitio y las imágenes
Es importante especificar los atributos WIDTH y HEIGHT de cada una de las imágenes, para que el navegador muestre la estructura del sitio y ubique en su espacio a cada una de las imágenes. Si especificamos estos atributos, en conclusión, el navegador sabrá cuánto espacio dedicar a cada imagen, mientras que si no lo hacemos, ésta aparecerá y se irá agrandando o encogiendo de acuerdo a su verdadero tamaño.

Si utilizas una barra de navegación basada en imágenes, es mejor que ésta se componga de diferentes imágenes, que de un mapa de imágenes, ya que cargan más rápido los gráficos pequeños independientes, que uno grande.

El texto no es un santo
Aunque los textos no son la clave en el asunto del peso de los sitios web, también aportan su granito de arena.
Las fuentes o tamaños utilizados no son de tanta importancia, lo verdaderamente fundamental es el largo de los documentos. Si vas a poner todo un tutorial en una sola página, seguro ésta tardará un buen tiempo en cargarse totalmente, pero si clasificas dicho tutorial en varias secciones y vas enlazando cada una, entonces el tamaño de cada archivo será menor y se cargará de manera más rápida. Igual sucede con los artículos o documentos.

Flash: bonito pero caro
Las animaciones Flash son de las mejores que puedes poner en tu sitio web, pero también son un importante factor de velocidad.
Está bien que utilices unas cuantas para, por ejemplo, tu menú de navegación, pero procura no basar todo el diseño del web site en un solo Flash.

Claro, una buena opción si deseamos utilizar Flash al 100%, es diseñar una versión HTML de la página y otra en Flash. Así el visitante podrá escoger a cuál entrar según desee.

Java Applets
Las applets java son de gran utilidad en diferentes aspectos del desarrollo, sobre todo al momento de generar efectos de texto, o juegos online. Es importante saber que el navegador no muestra los applets hasta que estos no son cargados en su totalidad, por lo que debes tener en cuenta este punto.
No quiero decir que los applets estén prohibidos, pero úsalos sólo cuando sean necesarios como en el ya mencionado caso de los juegos online, pero no los uses, si solo deseas deslumbrar a tu visitante con efectos inútiles.

Conclusión
El desarrollo de sitios web rápidos depende en gran medida de los objetos multimedia usados en cada página, pero también del hosting bajo el cual nos hospedamos y la velocidad de conexión del visitante.
Procura comprimir tus imágenes, partir los documentos largos, y no abusar del contenido multimedia y seguro tu página aumentará su velocidad de carga.




Informe (Html) de Jorge A. Torres


 
Valora este artículo   Malo Excelente  

Han valorado este artículo de Html. 64 usuario(s).
Valoración media: Acelerando

Este artículo ha sido leído ( 9759 veces ).
Fecha: 4/19/2003


Agregar comentario | (0) comentarios
trucos Html Recomendar este artículo Html
Foros sobre Html
Html
Imprimir Html
artículo Html Agregar a Favoritos este artículo Html


Html
Artículos Relacionados

• Quitar el Scroll del navegador • Forzar el salto de página al imprimir

• Evitar el Error 404 - PAGINA NO ENCONTRADA

• Las etiquetas Meta Tag html

• Acelerando la carga de páginas

• Justificar un párrafo en html

• Abrir todos los enlaces en una nueva ventana

• Texto alternativo en un enlace html

• Icono en mis Favoritos

• Agregar a Favoritos