20 Pistas Para Optimizar La Velocidad De Su Sitio

Sabemos que páginas con tiempo de carga optimizada tiene impacto en la optimización para motores de búsqueda (SEO) tanto pensando por el lado del usuario  como por el lado del webcrawler. Una página muy cargada o muy sucia de código, dificulta el trabajo de los webcrawlers y, posiblemente, le perjudica al tener  el contenido analizado.

Los Webcrawlers no van a perder el tiempo esforzándose para abrir su sitio pues él tiene otros miles de sitios para analizar. Pensando en el usuario, sucede  la misma cosa, el usuario posiblemente saldrá de su sitio antes incluso de esperar que esta cargue por completo. Es por eso que, traigo en este artículo, 20  pistas que ayudan a disminuir el tiempo de carga de las paginas de los sitios web.

20 Pistas para Dejar Páginas Web Mas Leves

• Comprima sus imágenes

Si usted usa el photoshop use siempre la opción “Save for Web”. Si usted no lo posee, puede usar alternativas gratuitas también.

• No reduzca las imágenes con HTML

Nunca use HTML puro para redimensionar sus imágenes. Ellas serán cargadas con el tamaño original (grande) y será redimensionada en el browser. Eso también  deja las imágenes feas (distorsionadas, mal-redimensionadas o de resolución alterada), el tratamiento del browser no es eficiente y las imágenes pierden sus  características.

• Especifique las dimensiones de la imagen

Siempre especifique los tamaños de las imágenes.

• No use tablas cuando no sean necesarias

Las tablas son hechas para presentar datos tabulados, para el diseño arquitectónico de la pagina usted debe usar CSS que tiene ese propósito. Eso también dejará su código más limpio y mejor para ser leído y entendido. Los crawlers consiguen leer sitios con tablas, pero usted dará una manito para este usando tableless.

• Use archivos CSS externos

Usando archivos externos, usted ayudará al crawler y a su usuario, pues una vez leído el CSS externo, este será jugado en el cache y no necesitara ser recargado en cada nueva pagina.

• Use archivos Javascript externos también

Siga el mismo principio del CSS externo, principalmente para Javascript, para el cual será más importante el cache de los archivos.

• Remueva los espacios en blanco de su HTML

Acuérdese, el espacio en blanco también es un carácter y consume banda y espacio en disco. Es muy común que dejemos suciedades de espacio en blanco en nuestros códigos, remuevalos siempre.

• Imágenes con CSS en vez de imágenes en tag HTML

Puede parecer extraño, pero la carga de las imágenes como background de una div es más rápido que cargar la imagen con las tags HTML.

• Uso de links relativos

Pensando todavia en la cuestión del tamaño de los archivos HTML, usar caminos relativos ayudan a remover los caracteres http://www.susitio.com cada vez que crean un link. Será una economía significativa en el código, pero es un peso para SEO, considerando como “prestan” su contenido. En términos de optimización para motores de búsqueda (SEO), lo mejor es usar el camino absoluto.

• Especifique el DocType

Páginas que tienen el DocType definido tienden a ser más rápidas para ser cargadas.

• Reduzca las exigencias HTTP de su sitio

Cada vez que usted hace una exigencia HTTP, será necesario pedir el paquete, esperar la respuesta, recibir el paquete y confirmar su llegada. Por eso, mientras menos exigencias HTTP usted tenga, más rápido será la carga de su página.

• No use HTTPS innecesariamente

Solamente use HTTPS cuando sea necesario. Ese tipo de conexión segura es por lo menos 3 veces mas lentas que el HTTP normal.

• Use Gzip para reducir el tamaño del HTML

Una alternativa muy válida es comprimir su HTML para entregarse. Eso no tiene impacto para las imágenes, flash o archivos embarcados, pero para el HTML hace una gran diferencia.

• Separe servidores de contenido y de banco de datos

Si usted posee un alto tráfico en su sitio, crear servidores dedicados puede ayudar, y mucho, en la velocidad de su sitio. Cada servidor será optimizado para un servicio.

• Use AJAX cuando pueda

Usar AJAX en vez de estar recargando su sitio puede ser muy útil para optimizar la velocidad. Eso reducirá el número de exigencias HTTP de su sitio y presentará una apariencia de velocidad en la entrega de su contenido.

• Coloque imágenes indicando la carga

Es importante también, al utilizarse AJAX o Javascript, colocar imágenes que indiquen que el contenido está siendo cargado. Eso no mejora el desempeño real, pero pasa más confort para que el usuario que está utilizando su sitio sepa que está siendo procesado el pedido

• Reduzca el número de cookies

Cada vez que un browser hace una exigencia, los cookies son transmitidos. Esto quiere decir que si usted no pone cuidado, puede sobrecargar la página con cookies. Fijése también en el tamaño de cada cookie transmitido.

Esas fueron 20 pistas rápidas para optimizar la velocidad de su sitio. No quedo especificado exactamente como hacer algunas pistas de esas arriba, pero si tiene dudas, publique en nuestro foro y debata sobre el asunto. Finalmente, el debate es lo que realmente genera conocimiento, están de acuerdo?

Hasta la próxima!