Optimización SEO en velocidad de carga web

Uno de los 200 elementos (según Google) que se tiene en cuenta a la hora de evaluar tu espacio web, es la velocidad de carga de esta. Una velocidad que supere los 2 segundos sobrepasa lo que el gran buscador considera «óptimo», y aunque una carga tan rápida es muy utópica en webs con mucho contenido, debemos aligerar el peso de nuestras webs para acercarnos a esta «cifra mágica».

Velocidad de carga web SEO

CC Devianart author: maarten95

No sé si aquellos que visitáis más a menudo el blog lo habéis notado (espero que sí) pero en los últimos días he optimizado mucho la velocidad de carga de la web. Es fruto de un trabajo de desactivación de elementos pesados y optimización de la web que me gustaría compartir con vosotros:

 

Calcula el tiempo de carga de tu web y sus elementos

El primer paso es tener una base para saber si debemos o no preocuparnos por la carga de nuestro espacio. Para ello yo uso una herramienta de la web de Pingdom, aunque por Internet os podréis encontrar muchas otras, con la que haremos un profundo análisis de velocidad de nuestra página. Podéis acceder a ella mediante este enlace: Tools Pingdom. Una vez dentro, ponemos la web a escanear y iniciamos el test.

Si le dais a Settings podréis seleccionar entre uno de los 3 servidores que usa la herramienta. Os aconsejo que seleccionéis el que tengáis más cerca de vuestra ubicación geográfica.

En mi caso me llevé una desagradable sorpresa con mi blog (no así con mi web comercial gironactiva.com) teniendo un tiempo de carga muy elevado.

carga lenta de activalaweb.com

El tiempo de carga era de casi 8 segundos, pasando a ser parte del 20% de las webs más lentas que se han analizado en esta herramienta

Si miramos un poco más para abajo del test de velocidad, encontramos aquellos elementos que nos están dando una carga realmente mala. Es un buen momento para tomarnos 5 minutos, analizar todo aquello que nos esté perjudicando y pensar si realmente lo necesitamos en la web.

En mi caso los elementos que más tardaban eran:

  • Una imagen png que no se encontraba en el servidor. La web pide esta imagen y hasta que no recibe la negación de la existencia de esta, la carga no se completa. 
  • 2 plugins gráficos de mi web, dónde se muestran los últimos artículos y las noticias más destacadas
  • La carga de los plugins sociales en cada una de las entradas de mi home.

Visto lo visto, empecé a solucionar estos conflictos de forma manual.

 

Elimina todo aquello que no sea necesario

Los dos plugins de imagen me gustaban (los típicos sliders con las novedades del blog), pero son totalmente innecesarios (no creo que la gente accediera a su contenido por allí) y mostrar los «likes» y «tweets» de una noticia en la home tampoco lo considero una necesidad (ya muestro la incidencia social que han tenido estos artículos dentro del post).

Así que desactivo todos estos elementos. También creo una imagen de un pixel a la que renombro como el png que bloquea un poco la carga de la web, y vuelvo a crear un informe. ¡Rebajo hasta los 4.20 segundos! Mi web pasa a estar entre el 40% de las webs más rápidas analizadas. Vamos por el buen camino.

 

Segundo paso: Optimizar la caché de mi web

Para ello instalé el plugin de wordpress w3-totalcache. Es un plugin realmente bueno de wordpress y además gratuito. Su función es aligerar nuestro blog con diversos métodos, desde hacer que nuestras páginas dinámicas las tenga en modo «estático» en la caché, como eliminar comentarios, saltos de línea y espacios de los archivos html/css, ahorrar transferencia de datos en aspectos como «últimos comentarios recientes» de la sidebar (que habitualmente siempre serán los mismos durante una sesión) etc etc.

La verdad es que es tan potente que su configuración puede llegar a ser un poco tediosa. Para ello, he encontrado un tutorial realmente bueno sobre como configurar el W3total-cache.

Una vez hemos terminado con esta configuración, ya sólo me queda meterle mano a las imágenes.

 

Tercer paso: Comprimir todas las imágenes al máximo posible

Para este paso me descargo el plugin Ewww Image optimizer que aun y ser realmente bueno, no es ni un cuarto de pesado de configurar que el anterior 😉

Una vez lo tengamos instalado, podemos tocar un poco la configuración básica (aunque tampoco lo veo muy necesario) y vamos a nuestra librería multimedia (dentro de Medios). Allí veremos que podemos optimizar una por una las imágenes que ya tenemos en nuestro blog, o hacer un «bulk action» y optimizarlas todas.

Yo en mi caso, aun y usar ya de principio un compresor de imagen para web, saqué entre un 2 y un 10% de compresión al aplicar el plugin.

optimización imágenes blog

 

Vamos a comprobar los resultados

Una vez hemos eliminado todos los conflictos y elementos pesados de la web, hemos optimizado la carga y la caché y reducido el tamaño de las imágenes, ya sólo nos queda comprobar el resultado de todo el trabajo.

Volvemos al Toold Pingdom y:

blog con optimización de tiempo

El tiempo de carga ha bajado en más de 6 segundos!! Hemos pasado de ser más lentos que el 80% de las webs analizadas, a ser más rápidos que el 84% de las webs más rápidas analizadas.

 


La pregunta del milión: ¿Realmente esto nos hace ganar posiciones?
Pues Google ha dicho más de una vez que Sí! la velocidad de carga es uno de los «200» (según ellos) factores cuando analizan una web. También es verdad que han dicho muchas veces que una velocidad de carga buena no puede competir con una buena reputación de página… pero a la par de justo yo lo veo obvio.

Honestamente, se puede ganar mucho perdiendo apenas 30 minutos en configurar tu web correctamente, y lo más importante tus usuarios lo van a agradecer. 

Espero que mi ejemplo ayude a alguien 😉





Un enamorado de la comunicación, absorbido por la comunicación On-Line. Si tienes una web y no la estás rentabilizando, es que algo falla! ;) Chris en Google+

12 Responses to “Optimización SEO en velocidad de carga web”

  1. Abraham Laria

    Mar 25. 2013

    Gracias por poner el link a mi artículo Chris. Saludos!!!

    Reply to this comment
  2. @profesordeseo

    Mar 25. 2013

    No veo que hayas minificado las CSS o el JavaScript.

    : )

    Reply to this comment
    • Chris

      Mar 25. 2013

      Estoy en ello! el Google Page Speed me dice que no, pero el plugin me dice que sí.
      Estoy viendo que hay más gente con este error y parece que no todos los tests lo descifran bien… por lo que estoy a 50% de posibilidades de que haya fallado el test o el plugin.

      Ojalá sea el plugin pq podría rebajar hasta un 70% más el peso de la web.

      A ver si saco conclusiones 😉

      Gracias por comentar!

      Reply to this comment
      • Chris

        Mar 31. 2013

        Vale… el hosting de 1and1 no deja comprimir web ni escoger alguna opción mejor de compresión web… así que, poco más podré hacer =/

        Por lo que es el tiempo me quedo contento. Pero será cuestión de probar algún otro servidor en cuanto tenga tiempo 😉

        Reply to this comment
  3. Angel

    Mar 28. 2013

    Tu hosting responde muy rápido:

    Max response time: 57 ms
    Average response time: 27 ms

    Independiente a tus optimizaciones, eso te ayudará bastante.

    Reply to this comment
    • Chris

      Mar 31. 2013

      He alucinado con ese ping, acabo de hacer uno, y:
      Max response: 55ms
      Min response: 45ms

      Parece que no siempre responde tan bien. Pero la verdad es que no me quejo nada 😉

      Gracias por comentar!

      Reply to this comment
  4. Pedro

    Mar 30. 2013

    Excelente articulo, realmente la velocidad es importante para el posicionamienot web. es importante utilizar el menor numero de script posibles. Igualmente una web que tarda mucho en cargar puedes aburrir a los usuarios y disminuir el numero de visitas

    Reply to this comment
    • Chris

      Mar 31. 2013

      Sí es cierto.. pero creo que normalmente la gente tarda 10 segundos a aburrirse (la gente de a pié le pone antes la culpa a su conexión que a la web).
      Aquí peleamos por 2/3 segundos.

      Creo que es más cosa de optimización web que pérdida real de clientes. Aunque todo ayuda.

      Gracias por comentar 😉

      Reply to this comment
  5. Julio Alberto

    May 23. 2013

    Excelente Post Chris.

    muchas gracias por compartir todo el proceso con nosotros.

    Y a los seguidores de Chris, decirle que tiene toda la razón, yo he probado parte de las cosas que aquí se especifica y realmente disminuye el tiempo de carga.

    Reply to this comment
  6. Xabi

    Jul 14. 2013

    Hola,

    Gracias por el tutorial,

    Una pregunta, el plugin EWWW Image Optimizer sabes si una vez instalado ya ajusta todas las imágenes que subas en un futuro o hay que pasarlo de vez en cuando para que reduzca todas las que has subido?

    Gracias!

    Reply to this comment
  7. Alumno Master Seo Iebs

    Feb 06. 2015

    Genial Artículo Chris, lo estoy aplicando a mi web y está bajando la velocidad de carga muchísimo. Saludos y gracias!!

    Reply to this comment

Leave a Reply

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies