La lentitud de la carga de la página web está básicamente relacionada con el peso o tamaño del html, imágenes, javascript y los diferentes objetos que se carguen, la idea principal es optimizarlo lo más que se pueda y disminuir la cantidad de peticiones que se hacen desde el navegador hacia el servidor, así como también el peso general de todo el contenido.

Existen muchas herramientas que ayudan a medir los tiempos y dan diferentes recomendaciones para poder mejorarlos eficientemente, un ejemplo es el Page Speed creado por Google que tiene una serie de extensiones para FireFox y Chrome, también posee una versión online.

Algunas cosas que deben tomarse en cuenta para optimizar las páginas son:

1. Implementar CSS Sprites, que consiste en generar una única imagen a partir de varias imágenes que se visualizan en una página y luego por medio de estilos mover parte de la imagen que se desea mostrar. Con esta técnica se reduce la cantidad de peticiones que se realiza hacia el servidor ya que únicamente se necesita una sola imagen.

2. Especificar las dimensiones de cada imagen, por medio de los atributos width y height de la etiqueta IMG.

3. Disminuir el tamaño de las imágenes lo más que se puede, tratando de no perder mucha calidad. Existen aplicaciones que optimizan las imágenes para que sean visualizadas via web.

3. Habilitar compresión gzip sobre el contenido estático, imágenes, archivo de estilos css, js, etc. El ahorro del tamaño de cada archivo es muy grande, se comprime alrededor de un 70%, dependiendo las configuraciones que se establezcan dentro del web server.

4. Utilizar paralización en la carga de imágenes, si todas las imágenes se encuentran en un único dominio, el browser va a ir encolando cada petición hasta cargar todas, en cambio sí se utilizan varios dominios el browser las solicita de forma paralela desde cada dominio img1.sitio.com, img2.sitio.com, etc. Se puede utilizar servicios externos para alojar las imágenes, por ejemplo Akamai.

5. Reducir el tamaño del archivo de estilos css y los archivos JavaScript, eliminar el código que no sea utilizado. Eliminar espacios, tabulaciones, comentarios, tamaño de variables, enters, etc., para que el archivo pese lo menos posible. Existen aplicaciones que ayudan a comprimir el contenido.

6. Habilitar el cache dentro de los dominios que sirven contenido estático (imágenes, css, javascript, etc).

7. Brindar el contenido estático desde dominios con cookies deshabilitadas, para reducir el tamaño de cada solicitud al servidor.

8. Verificar el html, primero que nada debe cumplir con las validaciones de la W3C, todo el código debe ser estandard. No abusar del uso de etiquetas que puedan ser reemplazadas por otras o por un manejo dentro de los estilos, evitar utilizar tabulaciones, contenido en mayúscula, tratar de poner todo en una sola línea. Todo lo que pueda sumar para reducir el tamaño general del html.

9. No abusar de la utilización de librerías de jQuery, no incluir archivos js que no son utilizados o únicamente se utilizan pocas funcionalidad, a veces es mejor desarrollar nuestras propias funciones y no incluir un GRAN archivo que contiene demasiadas cosas que  no son utilizadas.

10. Poner la inclusión de los archivos javascript al final?, esto es algo que realmente me genera ruido, aunque es una sugerencia que ya anda dando vueltas hace bastante, la idea es evitar el bloqueo de las solicitudes, al colocarlo al final se puede descomprimir un poco la carga. También se esta hablando mucho de “Deferred Javascript”, la carga diferida permite descargar scripts después que la página se ha cargado, lo que reduce las solicitudes de vuelta en la red con el servidor, para esto les dejo un link para que se entretengan un poco.

Un dato importante es que el tiempo promedio de carga en la web es de aproximadamente 2.5 segundos, siempre intentemos estar por debajo de ese número.

Es fundamental para incrementar la cantidad de accesos que nuestro sitio sea mostrado en los primeros resultados de los buscadores, ya que el usuario evita la paginación, generalmente lo que no se visualiza en la primer página, no es accedido.

Existen muchas referencias en internet de cómo incrementar el posicionamiento y muchas empresas a las que se pueden contratar para que nos den un informe de todas las cosas que debemos mejorar en nuestro sitio web para que sea mejor indexado por los buscadores.

Cada buscador posee robots que diariamente inspeccionan los documentos web en internet para mantener actualizada la base de datos de los motores de búsqueda, por ejemplo en el caso de Google, es el GoogleBot.

20 TIPs que utilizamos en Braintive para mejorar el posicionamiento orgánico de nuestros sitios web dentro de los buscadores:

1. Todas las páginas deben tener un TITULO y DESCRIPTION diferentes, etiquetas title y description de la cabecera head. Estas etiquetas son las que primero se van a indexar por los buscadores, al igual que la URL.
2. Tener URLs semánticas o amigables, esto sería lo más difícil de implementar en un sitio que no fué pensado originalmente de esta forma, ya que no solo se debe aplicar una regla de re-escritura en el web server, se debe reprogramar la forma en que armamos los links. Una url semántica debe describir la url sin tener códigos o IDs internos, por ejemplo http://dominio/notas/mejorar-el-posicionamiento-por-medio-del-seo. Para esto se utiliza dentro de los web servers lo que se denomina módulos urlrewrite.
3. Tratar de tener la mayor cantidad de links de otros sitios de buena categoría que apunten a contenido de nuestro sitio.
4. Generar contenido único, no copiar contenido de otros sitios y colocarlos en el nuestro.
5. El código HTML debe estar bien estructurado, existen validadores que nos pueden ayudar a que sea lo más standard posible.
6. Evitar que nuestro sitio contenga contenido en Flash, ya que este no puede ser indexado por los buscadores.
7. Evitar que los textos sean parte de imagenes, lo ideal es que contenga la mayor cantidad de texto indexable.
8. Estructurar correctamente las etiquetas h1, h2, h3… según la importancia de los textos dentro del contenido, h1 para los títulos, h2 para los subtítulos, etc..
9. Todas las etiquetas IMAGE deben tener el atributo ALT con la descripción correspondiente y la etiqueta A debe contener el atributo TITLE.
10. No utilizar frames dentro de nuestras páginas y se utilizan que contengan los atributos descriptivos que informen de que se trata el marco.
11. Evitar links rotos (error 404), si tenemos links que ya no existen más, deben ser redireccionados por medio de una respuesta 301 (redirect) para informarle a los buscadores del cambio.
12. Intentar que nuestro sitio cargue cada página lo más rápido posible, para esto existen herramientas que nos ayudan a identificar y mejorar los tiempos de carga, como la extensión PageSpeed para FireFox.
13. Por medio de herramientas para webmaster, que cada buscador posee, se puede acceder ‘a como nos están indexando’, por ejemplo el Google WebMaster, donde permite restringir urls, saber que contenido esta duplicado, entre otras cosas.
14. Eliminar links a sitios de baja categoría, evitar tener accesos desde nuestro sitio a sitios externos que no poseen una buena categoría dentro de los buscadores. Se puede utilizar el atributo rel=”nofollow” dentro de la etiqueta anchor.
15. Generar un sitemap con todas las páginas que queremos sean inexadas, muchas de estas pueden no ser accedidas normalmente por los usuarios, para esto se puede barrer nuestra base de datos y generar cada link con los parámetros que corresponden. Como crear el sitemap para google.
16. Restringir las páginas que no queremos que sean indexadas y determinar también los horarios de visitas de los robots, para que, por ejemplo, no influyan en la performance de nuestro sitio. Se utiliza para esto el robots.txt
17. No nos volvamos locos por tener un buen PageRank, esto ya no es lo más importante para la indexación en Google.
18. Minimizar la cantidad de links que se deben pasar hasta llegar a la página final.
19. No utilizar javascript para realizar redirecciones entre páginas.
20. No engañar a los buscadores!, no intentes trucos que estan dando vueltas por internet, tarde o temprano los buscadores se van a dar cuenta y te bajaran la categoría.

Es fundamental seguir de cerca los resultados de estas optimizaciones para ir ajustándolos sobre la marcha.

Google tiene una influencia muy grande sobre las costumbres de los usuarios y las exigencias
de los mismos, ya que nos acostumbra a que dentro de la primera página de resultados se encuentre realmente lo que necesitamos encontrar.

Según Jakob Nielsen, una de las personas más respetadas en el ámbito de usabilidad en la Web: “La gente quiere sitios que los lleve, sin rodeos, al punto. Tienen muy poca paciencia“, “Los usuarios de internet siempre han sido despiadados y ahora lo son más que nunca“.

Los resultados no deben ser una lotería ni un índice telefónico, tienen que tener un determinado orden de relevancia. Google cambió los típicos resultados ordenados alfabéticamente por resultados ordenados por relevancia, los resultados que tienen más chances de ser seleccionados por el usuario deben ir al comienzo y así sucesivamente hasta la página 2.412 (que nadie va a visitar), esto hace inevitablemente que los buscadores internos que poseen los sitios web se adapten.

Ahora bien, “¿Cómo ordeno mis resultados por relevancia?”, no es tarea fácil pero voy a dar algunos TIPs que pueden ayudar mucho.

• Si hablamos de compras, ordenar los resultados que corresponden a compras habituales del usuario.
• Ordenar los registros de acuerdo a la cantidad de accesos que tuvieron, los registros más accedidos tienen mayor relevancia. Otros usuarios deben ayudar a establecer el orden,  si la mayoría está buscando ”algo” y hacen click en un determinado registro, este tiene un valor agregado que debe tomarse en cuenta para valorizar la relevancia.
• Llevar un registro de lo que el propio usuario busca habitualmente y donde hace click, para luego valorizar el término buscado frente a los registros que corresponden.
• Un producto en oferta o en una determinada promoción puede interesar al usuario.
• Restar relevancia a los resultados que contienen palabras que están seguidas de una preposición, es decir si el usuario busca “XXX” y el texto dice “AAA de XXX”.
• Sumar relevancia si la palabra buscada se encuentra al comienzo del nombre principal del registro encontrado.
• Si las búsquedas se realizan sobre textos, libros, etc., se debe valorizar la cantidad de veces que el término buscado se encuentra dentro del texto. Si aparece 100 veces tiene mayor relevancia que 5 veces. Los servicios que poseen los principales motores de base de datos tienen funciones que realizan este ranking.
• Dar mayor relevancia si el término buscado hace referencia a la “marca” en el caso de productos o a las etiquetas (tags)
• No ordenar los resultados de acuerdo a la ganancia que nos dejaría el registro, no ordenar por márgenes de venta. Tenemos que retornar los resultados que el usuario necesita y no lo que nosotros queremos darles.
• Dar la posibilidad de que el usuario reordene los resultados por otros métodos, nombre, precio, marca.
• Siempre se debe mostrar la cantidad de resultados encontrados y la cantidad que son visualizados por página.
• La velocidad de respuesta es muy importante, pero más importante es la calidad de los resultados.

* Hay que tener en cuenta que se deben adaptar estas ideas al tipo de “producto” que estamos vendiendo o queremos mostrar en nuestro sitio. Cada lógica debe sumar o restar sobre un ranking que luego debe tomarse como orden de los resultados.

Sobre los términos ingresados por el usuario:

• Relacionar términos de búsquedas con términos reales, por ejemplo coche con automóvil .
• Tomar en cuenta los plurales y singulares. Toda búsqueda debe obtener los mismos resultados tanto con palabras en singular que en plural.
• Eliminar las palabras aburridas o conocidas como “Ignored words”, por ejemplo las preposiciones, no generan relevancia alguna sobre la búsqueda, ya que las descripciones pueden variar con los términos buscados por los usuarios. El usuario puede buscar “Libro sobre la guerra civil“ y el texto del site registro dice “Libro de la guerra civil”.
• Tener en cuenta la ortografía, el usuario puede cometer errores al escribir una palabra. Lo ideal es corregir automáticamente las palabras por medio de algún diccionario o bien utilizar “soundex” (algoritmo fonético).

El buscador debe retornar los resultados que el usuario quiere encontrar y no lo que nosotros queremos mostrar.

Citando nuevamente a Jakob: Cuando observas a la gente buscando algo, con frecuencia ves que no obtiene los resultados que quería, en el largo plazo, quien quiera superar a Google sólo tiene que crear un mejor sistema de búsquedas.

Un buscador vertical, es un buscador que se especializa en un determinado sector concreto, lo que permite analizar con mayor detalle la información y obtener resultados más actualizados y relevantes para el usuario. Implementar este concepto en buscadores internos en los sitios web es una forma de brindar al usuario resultados de mayor calidad.