CÓMO CONSEGUIR QUE TU PÁGINA SE CARGUE RÁPIDAMENTE
La clave está en el ancho de banda.
A pesar de que cada vez son más las personas que acceden a la web con banda ancha, un porcentaje muy grande de la gente aún accede a través de lentas conexiones telefónicas. A la hora de crear una web, la ligereza de ésta es un factor muy importante.
Los internautas permanecerán mas tiempo en sitios mediocres que se abren con rapidez, del que esperarán en otros excelentes pero mas lentos de cargar.
Diseñe con archivos de “poco peso” y eliminará el obstáculo del ancho de banda para la mayoría de los usuarios. Diseñe con archivos grandes , y limitará el acceso a su web a unos pocos privilegiados que disfrutan de banda ancha. Diseñe con archivos muy grandes y sus visitas se verán reducidas casi a la nada. El mejor diseño web es aquel que es mas ligero.
Los buenos diseñadores web están constantemente realizando malabares para conseguir perder peso en sus creaciones. En cambio, los principiantes en el diseño suelen crear una composición en algún editor de imágenes como Adobe Photoshop, la recortan en Adobe ImageReady y utilizan Macromedia Dreamweaver para dejarla como una web operativa. Esta web puede tener una apariencia maravillosa, pero es prácticamente seguro que engulla el ancho de banda haciendo el tiempo de descarga mayor. Entonces ¿Cómo aligerar el peso de una página web?
-Utiliza texto en vez de gráficos que contienen texto.
Se debe intentar utilizar texto HTML en lugar de imágenes tipográficas allí donde sea posible hacerlo.
Hay veces que utilizamos gráficos para mostrar una letra bonita o llamativa pero que resulta pesada al cargar. Si no es estrictamente necesario, debemos obviar esta práctica ya que los textos se bajan en una fracción de segundo, en cambio, las imágenes tardan bastante mas tiempo.
-Reduce el peso de las imágenes
Podemos aligera peso intentando recortar nuestras imágenes reduciéndolas de tamaño al guardarlas en formatos adecuados para la web. Cabe destacar que para fotos es mejor utilizar el formato JPG y para imágenes de colores “planos” (dibujos, logotipos...) utilizaremos el formato GIF.
A modo orientativo se debe buscar que las imágenes no superen los 15 KB y que todos los elementos de una página no pesen más allá de 100 KB. Incluso hay “webmasters” que recomiendan no exceder de los 50 KB.
-Haga más con menos
Cortar una imagen grande en dos o tres trozos pequeños podría reducir el ancho de banda requerido por cada trozo. Pero cuidado, como el servidor responde al requerimiento de una imagen después de otra, podría pasar el efecto contrario. Si cortaras la imagen en 100 cachos, el ancho de banda aumentaría. Hay que jugar con este recurso para conseguir resultados óptimos.
-Reduzca la redundancia
Es interesante eliminar redundancias en el código. Como ejemplo, en una tabla por defecto el texto se alinea a la izquierda, así que es redundante recalcar en el código que dicho contenido se alinee a la izquierda:
<td align=”left”> </td> sería suficiente con poner <td> </td>
-Aprovechar la caché
La caché, es como un almacén en el que se guardan todos aquellos archivos que ya se han bajado por si el usuario los necesita de nuevo.
Mientras mas veces reutilicemos los elementos de la web mejor. Se recomienda utilizar cabeceras, pies y menús que utilicen las mismas imágenes ya que solo tendremos que bajar una sola vez estos elementos. A partir de ahí, los gráficos se abren de la memoria caché del disco duro.
-No pongas toda la información en una página
Si tenemos que crear una página con mucha información, se recomienda distribuirla en varias páginas con su navegación (adelante, atrás) que poner todo el contenido en una sola página. Con que la información ocupe un máximo de dos altos de pantalla es suficiente.
CÓMO HACER DE TU WEB LA PÁGINA DE INICIO DE TUS USUARIOS
Se entiende por página de inicio aquella que, por defecto, está establecida en el navegador (Explorer, Netscape, etc...) como la primera que se carga en el mismo al conectarse el usuario a Internet.
La importancia de que un usuario elija tu web como su página de inicio es digna de ser tenida en cuenta ya que eso te garantiza un buen número de visitas extra. Además, al ser una página que verá cada vez que se conecte, en primer lugar, las posibilidades de que se decida a navegar por tu site son elevadas (sobre todo, si haces actualizaciones frecuentes en tu página).
Cómo conseguirlo
Si quieres que un usuario configure su navegador para que la tuya sea su página de inicio, pónselo fácil: coloca en tu página un link que realice esa función para que el usuario sólo tenga que pulsar sobre él.
Para ello basta con que emplees este código:
<a href="http://www.ejemplo.com" class="chlnk" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.ejemplo.com');" style="cursor: hand">Haz de esta web tu página de inicio</a>
Las modificaciones que debes realizar en el código para que funcione correctamente en tu web son las siguientes:
1.- Sustituye la parte del código de color negrita (http://www.ejemplo.com) por la URL de la página que quieres que se descargue en el navegador del usuario cuando pulse el enlace (te recomendamos que sea la dirección de tu propia página)
2.- En la parte de color Indigo (http://www.ejemplo.com) escribe la dirección de tu página.
3.- En la parte de color rojo (Haz de esta web tu página de inicio) escribe el texto que desees (es el que leerá el usuario en el link) o déjalo tal y como está. Te recuerdo que también puedes sustituirlo por una imagen, si lo deseas.
Yo soy WebMaster y la verdad que estos trucos para mi web me vienen de primera, simplemente, me encantan.