No descubrimos nada si aseveramos que una web que tarde mucho tiempo en cargar se posicionará mucho peor que una web que se abra en sólo unas décimas de segundo o incluso segundos. Por ello es importante tener en cuenta algunos aspectos determinantes que hacen que el usuario se desespere frente a la pantalla de ordenador viendo un cuadro en blanco mientras se carga tu Site, y por tanto lo abandone.
Pero no sólo por parte del usuario. Para Google es uno de los factores importantes que influyen en el posicionamiento de una Web, incluso por delante de otros factores que creíamos más importantes. Una Página que tarde mucho en abrir, Google no sólo no la posicionará, sino que además será penalizada, mientras que una velocidad de carga rápida, el motor de búsqueda americano tenderá a elevarla y destacarla del resto con menos velocidad.
Por ello te propongo algunos consejos y comprobaciones que puedes hacer en tu Site, y saber lo que tienes que hacer para optimizarla y reducir la velocidad de carga.
Índice de contenidos
1 Herramientas de análisis de la velocidad de carga.
Antes de ponernos a optimizar tenemos que saber lo que tenemos que modificar, quitar o poner. Y eso sólo lo sabremos con alguna herramienta que nos indique cómo está nuestra web en este sentido.
Page Speed Extensión de Firefox
Se trata de una extensión para Firefox, que se añade a Firebug como una pestaña más en dicha extensión. Una aplicación que te ayudará a conocer cómo es tu web de cara a los buscadores, y algunos consejos muy escuetos de los que necesitas modificar. Para descargar pincha aquí.
Pingdom Website Speed Test
Es una herramienta gratuita que te ayudará a conocer qué partes de tu página debes optimizar, el tiempo que tarda el servidor en conceder respuesta y sobre todo, el tiempo de carga de scripts e imágenes. Se trata de una herramienta muy orientativa, aunque no definitiva ya que es recomendable que para optimizar siempre se tengan en consideración varios factores más. Para accdeder pincha aquí.
Google Analytics
Aunque no está muy explotado, la herramienta de google de análisis te da una cierta información acerca de los problemas que puedas tener sobre todo en visionados móviles. Es necesaria debido a que es una de las mejores formas de saber cómo de rápida puede llegar a ser la versión para dispositivos móviles.
2 ELEGIR UN SERVIDOR ADECUADO.
Una de las principales causas que provoca el desmesurado retardo en el arranque de una web es el denominado, o mejor dicho, como a mí me gusta denominarlo “tiempo de servidor”, en el que de forma muy resumida podemos destacar 3 procesos.
No voy a liar a nadie con los entresijos del protocolo HTTP y las conexiones TCP / IP. Por ello en resumidas cuentas la comunicación del client con el server sería la siguiente. En el primer lugar lanzamos desde nuestro navegador (cliente) la consulta, que recibirá el servidor con un correcto apunte de las DNS’S, Otros procesos hacen que primero el cliente codifique y prepare la información para poder enviarla de forma adecuada. Este tiempo de consulta suele ser muy corto, ya que la cadena de bits que se manda es muy escasa, por lo en éste apartado de consulta no suele ralentizar nada. Sólo será un problema si las DNS’s no son capaces de apuntar adecuadamente a la Dirección IP del Servidor, o no están propagadas adecuadamente.
Desde que enviamos la consulta hasta que obtenemos la respuesta del servidor se produce el llamado tiempo crítico. Es el tiempo en el que tarda en contestar el servidor y por fin comienza a descargarse la información de la página web. Yo lo denomino tiempo crítico, porque en la medida de bueno o malo que sea el servidor provocará que este tiempo sea más o menos pequeño, provocando que algún usuario abandonase la tarea de visita a la web si el tiempo de espera se excede demasiado.
Por último el cliente (navegador) recibe la contestación del servidor, MIME, junto con la información que haya en ésa dirección del mismo.
Este proceso se repite para cada elemento que haya en el servidor. En el caso de una web, éste proceso se repite para cada elemento que se quiera descargar (imprimir en pantalla), aunque con la salvedad que los tiempos de espera del servidor en la primera comunicación no es el mismo que para los siguientes, sobre todo si ese servidor es cacheable.
Por tanto una buena elección del hosting hará que la web sea más rápida y tenga mejor posicionamiento. Además, es muy recomendable que si quieres posicionar la web en España el servidor escogido esté en España. Uno que funciona muy bien es el de Webempresa. Los tiempos de espera son muy buenos y al estar en España facilita todos los servicios, incluso la atención al cliente, fundamental para generar confianza.
3 OPTIMIZAR IMÁGENES
Parece evidente pero para la mayoría de clientes míos siempre tengo que hacer un trabajo de optimización del tamaño de las imágenes, porque están fuera de rango. Para estar en una web, una imagen no puede tener un tamaño superior a los 100kb. Este dato es un máximo porque la mayoría tendrán unas pocas decenas de kilobytes.
Una herramienta para optimizar adecuadamente las imágenes y saber las que pesan más o menos de 100KB es
Para poder verla y descargarla sólo tendrás que realizar una acción social:
Con el programa tendremos la opción de visualizar una gran cantidad de parámetros, básico para los que nos dedicamos al SEO, pero para esta empresa en concreto hay un apartado donde nos avisa de las imágenes que exceden de 100kB para poder modificarlas en la medida de lo posible. A veces creemos por reducir un poquito las imágenes no va a servir de nada, y estamos totalmente equivocados. Cada Byte cuenta, ya que si podemos reducir aunque sea en un 1% el tiempo con la carga de las imágenes, ya estamos haciendo algo importante.
4 – SCRIPT Y PROGRAMAS DE TERCEROS
Un Script es un programa dentro de una web que se ejecuta en la sombra, sin que nosotros lo veamos, que los buscadores y motores de búsqueda los ven perfectamente y cumplen con una misión específica cada uno de ellos. La mayoría son códigos de terceros, que son insertados en el comienzo de la web, como, por ejemplo, el script de Google Analytics. Deberemos prescindir de los que no sean totalmente necesarios ya que afectan directamente a la lentitud visual de la web, ya que muchos condicionan la apertura de la web a la ejecución del script, y si hay algún error en éste o retraso se acumula tiempo de carga y esto es muy peligroso.
Para los que tengan WordPress, la mayoría de esos script son instalados en la página a través de los plugin. Igual que pasa en Prestashop y Magento, con los módulos. Por eso es conveniente tener el menor número de plugin posibles, sólo los necesarios, y confiar en los que se van a instalar, ya que si instalamos cualquier cosa en nuestro Site, no sabemos lo que nos están colando: un enlace externo a una página, un malware con escaneo de teclado, un troyano que se ejecute en los ordenadores de tus visitantes… Por todo ello debemos ser cautos a la hora de elegir los plugin o módulos.
Un consejo es utilizar la misma herramienta aconsejada anteriormente para detectar si hay algún enlace externo. También podemos utilizar Xenu para el mismo fin.
5 – Validacion de Código y sintaxis
Es importante no sólo que no haya ningún error de sintaxis en el código de nuestra web, sino que además, no hay ningún enlace roto o etiquetas SRC rotas ( como por ejemplo: <img src=” ”…) Esto puede provocar múltiples peticiones al servidor lo que llevaría acompañado un desmesurado tiempo de espera y además un consumo excesivo de la transferencia de datos.
Además Hay que tratar de utilizar el menor número posible de hojas de estilo CSS, intentando combinar algunas de ellas, y donde no se pueda, ponerlo en la cabecera, en el Head de la página html para cargar. Su buena utilización mejorará el tiempo de carga de nuestra Página web.
De esta forma, si mejoramos cada uno de éstos factores, tenemos gran parte del éxito conseguido. Y cabe destacar que aunque sólo consigas reducir un 2% del total del proceso de carga de la web, es importante hacerlo y tu lector te lo agradecerá.
Seguro que a esta altura seguro que le le has pasado alguna de las herramientas a tu web. Comenta tu experiencia y así aprendemos un poquito más de todos.
Antonio López Tomás
Antonio López Tomás es fundador y Director SEO en Elblogdelseo.com y en Seostar.es. Profesor de SEO y Marketing digital en varias universidades (Unizar, UMU, UCAM, UNAE, U. Pompeu Fabra...) y Escuelas de negocios (EAE, IEBS. Marketing and Web, Seoworking, AulaCM...). Speaker en eventos de Marketing Digital y Autor de "Pensamientos Viajeros".
Buenos consejos para mi web. Los probare a ver que tal. Ya te contare. Gracias
Citar Comentario
Interesante es el uso del caché de datos en páginas en las que sea posible su uso.
un saludo!
Citar Comentario
Claro, por supuesto. La Caché es indispensable si se quiere hacer un buen trabajo y hacer volar tu página. Gracias.
Citar Comentario
Yo veo también muy importante la parte de comprimir el HTML y minificar los css y javascript, pero para eso hace falta saber de programación o contar con alguien que pueda ayudarte con esa parte del trabajo.
Citar Comentario
Cierto, para ello tienes que saber un poquito de probramacion, aunque no demasiado. Te podrías sorprender lo que llega a hacer la gente sin saber programar… He conocido a personas que programan aplicaciones sin saber rogramar, sólo cortando y pegando código, una pasada. Al final todo el mundo se busca la vida. Aunque lo suyo es que lo haga quien sabe de verdad. Saludos y gracias por comentar.
Citar Comentario
Ando buscando un buen programador que me ayude a optimizar la apertura de mi sitio tarda más de 5 seg en abrir
Citar Comentario
Hola Francisco.
envíanos un contacto privado con la información y estaremos encantados de ayudarte o recomendarte a alguien para que te pueda ayudar.
Saludos
Citar Comentario
Estupendo post, siempre pensando en la usabilidad, la velocidad siempre debe de ser uno de los factores muy importantes que muchos no tienen en cuenta a la hora de realizar una página web, felicidades por el post.
Citar Comentario
Muchas gracias.
Espero que os haya sido de utilidad.
Saludos
Citar Comentario
Genial como siempre el post Antonio. Hoy me he decidido a aportarte una herramienta, http://gtmetrix.com que te analiza la web mediante los 2 algoritmos de análisis de la velocidad, el Page Speed de Google y el Yahoo YSlow.
Además te muestra un drilldown de los tiempos de carga individualizados de cada uno de los elementos que componen la web en donde puede ver cuales son los que están bloqueando la web o retrasan más la carga en su conjunto. Espero que os sea de utilidad. Más herramientas en mi blog (el enlace directo en el nombre).
Gracias a ti siempre!!!
Citar Comentario
Probaré la herramienta. La había visto en algún sitio, de forma muy fugaz, pero no la he probado nunca. La pruebo y te cuento. Gracias, Saludos
Citar Comentario
Esto es realmente bueno, eres un blogger muy profesional. Me he unido a tu RSS y espero encontrar más cosas en este gran blog. Además, !he compartido tu sitio en mis redes sociales!
Saludos
[url=http://www.granota.eu/marketing-online/posicionamiento-seo.html]posicionamiento seo[/url]
Citar Comentario
Muchísimas gracias por esta valiosa información que me ha llegado en ben momento, ya que quiero vender mis productos de joyería por internet y tener más clientes. Llevaré a cabo lo anterior para comenzar a practicar. Saludos Antonio y felicitaciones por tu blog.
Citar Comentario
Hola Aranza.
Muchísimas gracias por tus palabras. Me llenan de ilusión para ponerme más a menudo a escribir, ya que no soy muy prolífico últimamente en mi blog.
Muchas gracias.
Citar Comentario