Cómo mejorar la velocidad de carga de tu web y su posicionamiento

Con una semana de retraso, por fin publico esta entrada. Espero que no se os haya hecho muy larga la espera ;). En este post os voy a hablar sobre cómo mejorar la velocidad de carga de tu web y su posicionamiento.

Estoy seguro que si tienes una web o blog te has preguntado cómo mejorar su velocidad de carga. Pues bien, en este artículo traigo la solución a tu pregunta.

Cómo mejorar la velocidad de carga de tu web y su posicionamiento

mejorar velocidad carga web

Cuando empecé en esto del blogging, hará 15 años más o menos (si 15 años, empecé a hacer mis pinitos hace 15 años pero lógicamente no tenía ni idea, no quiere decir que ahora sea una eminencia, pero ahora lógicamente sé más que entonces), no me preguntaba por cuestiones tan importantes como la velocidad de carga del blog. Entonces me preocupaba más tener visitas y jugar (tenía 15 años 😉 ).

Ahora que me dedico a crear webs y blogs, además del posicionamiento SEO y crear anuncios en Adwords, me preocupan mucho más que las páginas web que desarrollo carguen rápidas. La  velocidad de carga es un elemento muy importante para no perder ventas potenciales y mejorar el posicionamiento web.

¿Por qué es importante tener una web o blog que cargue rápido?

Tal y como he comentado anteriormente, tener una página web lenta nos va a hacer perder clientes potenciales. Estoy seguro, que cuando has intentado ver un artículo que no termina de cargar te has marchado a buscar la información por otro lado. Es algo totalmente lógico porque a nadie le gusta esperar, a mí tampoco, así que, ¿por qué vas a hacer esperar a tus lectores o posibles clientes? Se acabarán marchando a otro sitio como tú haces.

Tal y como comentaba en el artículo sobre cómo mejorar la experiencia de usuario de una web. Según varias empresas conocidas a nivel mundial, la velocidad web se traduce en un aumento considerable de los ingresos y del tráfico.

  • Facebook: 0,5 segundos más lento provoca una caída de tráfico del 3%; 1 segundo provoca una caída del 6%.
  • Google maps: redujo un 30% el tamaño de sus ficheros (con su consiguiente aumento de la velocidad) y el número de peticiones aumentó un 30%
  • Amazon: 0,1 segundos de retraso implican una pérdida del 1% de los ingresos.
  • Yahoo!: 0,4 segundos de retraso, causan una caída entre el 5% y el 9% del tráfico

 

Importancia de la velocidad de carga para el posicionamiento SEO

La velocidad de carga también es muy importante para el posicionamiento de la web. ¿Por qué? Porque Google considera que una página web rápida aporta a sus usuarios una experiencia mejor. Tal y como podemos ver en la siguiente imagen tomada del artículo que publicó Google en su blog sobre el Crawl Budget.

 

velocidad carga web

 

¿Cómo ha llegado a esta conclusión?

Tal y como he comentado anteriormente, si una página tarda en cargar lo más probable es que te marches antes de tiempo, por lo que Google que todo lo sabe, a través de los datos recogidos de su herramienta Google Analytics, más en concreto, el  porcentaje de rebote y la duración media de la sesión, determina que una web no está ofreciendo lo que el usuario desea y la posiciona peor.

Me imagino que con los datos que te estoy dando ya tienes ganas de saber cómo mejorar la velocidad de carga de tu web y por consiguiente, mejorar el posicionamiento de tu web a través de la mejora de la experiencia de los usuarios.

 

¿Cómo puedo saber la velocidad de carga de mi web?

Para saber a qué velocidad carga una página web o blog, existen muchas herramientas pero yo voy a nombrar las más usadas y desde mi punto de vista las mejores o que mejor información ofrecen.

Pingdom tools

GTmetrix

PageSpeed Insights

Web page test

Estas herramientas son muy simples y aunque va a ser prácticamente imposible conseguir una nota de 100/100, sí que vas a poder descubrir cuáles con los elementos que influyen en la velocidad de carga de tu web.

 

¿Cómo conseguir que tu web cargue más rápido?

Como soy especialista en crear sitios web con el CMS WordPress, voy a enfocar el post a páginas web hechas con WordPress, pero la mayoría de consejos que doy se pueden aplicar también a sitios creados con otros CMS o incluso con código.

La verdad es que son muchos los factores que afectan a la velocidad de carga de una página web. Entre ellos están, una correcta elección del hosting, el theme o tema elegido para hacer la web, los plugins usados, etc… Así que en este post, vamos a ver uno por uno los elementos más importantes.

 

La elección del servidor es el primer paso para tener una web rápida

El servidor es primordial. Saber escoger el hosting adecuado es muy importante. Son muchas las páginas web y blogs que por no elegir el hosting adecuado cargan más lentas de lo que deberían. En la gran mayoría de casos es por buscar la opción más barata, pero a veces lo barato sale caro ;-).

¿Qué host recomiendo para alojar una web?

Loading

Raiola Networks

Webempresa

Siteground

La mayoría de profesionales recomiendan Raiola Networks, Webempresa o Siteground. Muchos de ellos lo hacen porque reciben un porcentaje gracias al marketing de afiliación, pero así todo he de reconocer que son servicios de alojamiento web muy buenos y con grandes características. Los tres son rápidos y tienen muy buena atención al cliente.

Que conste que a mí no me paga nadie y no tengo ningún interés implícito en que contrates ninguno de los hostings que te recomiendo. Estas recomendaciones las hago en base a mi experiencia con cada uno de ellos.

Por ejemplo, Loading, que apenas se conoce da muy buenos resultados también y es comparable con los servidores anteriores. Además, entre las opciones que he recomendado, es la más barata. De hecho es el hosting que he elegido para alojar este blog. 😉

 

Mejorar la velocidad de carga habilitando la compresión Gzip

Habilitando la compresión Gzip, vas a conseguir que la web pese menos. Con esto conseguirás que en vez de tener que cargar 1 o 2 Mb de datos el servidor solo tenga que cargar, por ejemplo 700 Kb, por lo que lo hará de manera más rápida.

Esto es una acción recomendada en el Pagespeed Insights de Google para mejorar la velocidad de carga de una web.

¿Cómo se habilita la compresión Gzip?

Para habilitar la compresión Gzip lo haremos a través del archivo .htaccess. Antes de tocar nada, recomiendo hacer una copia de seguridad del archivo ya que es muy fácil hacer algo mal y es un archivo sumamente importante para la web, por lo que si haces algo que no debes puedes tirar abajo la página.

Una vez hecha la copia de seguridad, añadiremos al archivo .htaccess el siguiente código:

# BEGIN GZIP
<ifmodule mod_deflate.c>
AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript
</ifmodule>
# END GZIP

Haciendo esto, habrás comprimido tu web y acelerado su velocidad de carga considerablemente.

 

Usar un sistema de CDN para mejorar el tiempo de carga de tu web

velocidad carga web CDN

Una CDN es un conjunto de ubicaciones en el mundo que redistribuyen localmente el contenido de los servidores y guardan en caché los archivos que no necesitan actualización permanente, según unas reglas personalizables.

Esto te permitirá potenciar y optimizar en cada zona geográfica tu sitio web.

Ventajas de una CDN

Si quieres llegar a un público internacional, la CDN permite acelerar la carga de las páginas, mejorar los tiempos de respuesta y con esto la experiencia de usuario, además de proteger los datos, mejorar el posicionamiento web y reducir el consumo de ancho de banda

 

La elección del Theme correcto es muy importante para la velocidad de carga de tu web

La verdad es que normalmente nos dejamos seducir por efectos y características increíbles de ciertos temas para WordPress. Sin embargo, luego nos damos cuenta que la web carga muy lenta. Si te está ocurriendo esto, mi recomendación es que te busques otro theme.

Existen muchos temas y entiendo que puede resultar una tarea tediosa, pero está en juego no solo la velocidad de tu sitio web sino el posicionamiento y por consiguiente el número de visitas o ventas.

Personalmente para este blog uso un tema gratuito y que funciona muy bien no solo en cuanto a velocidad, sino también en cuanto a posicionamiento. Se llama Zerif Lite. Sin embargo, si se puede, recomiendo usar temas de pago, ya que no solo considero que sean mejores que los gratuitos, sino porque suelen tener un mejor soporte.

A parte de todo esto, también es muy importante mantener el tema actualizado ya que no solo se mejorará su rendimiento sino que también se mejorará su seguridad.

 

Usa plugins ligeros 

Siempre se ha dicho que cuantos menos plugins se utilicen mejor. Sin embargo, no es del todo cierto. Lo más importante es que los plugins que se utilicen no consuman muchos recursos.

¿Cómo puedes saber cuáles son los plugins que más recursos consumen de y mayor tiempo de carga necesitan?

Existe un plugin, que solo recomiendo activarlo cuando se vaya a hacer un escaneo, llamado P3 (Plugin Performance Profiler). Con él, podrás ver cuáles son los plugins que más recursos consumen en tu web.

Personalmente, recomiendo usar solo aquellos que sean necesarios para el correcto funcionamiento del blog o web.

También existen plugins que mejoran el tiempo de carga de tu web. Estos son los que se encargan de la caché y de minificar el código de tu web. ¿Cuáles son?

WP Rocket

velocidad carga web cache

Descargar

Desde mi punto de vista, WP Rocket es el mejor plugin de gestión de la cache de una página web. Es instalar, activar y listo. No tendrás que hacer nada más ya que el propio sistema va optimizando el sitio web según sus necesidades.

Como punto negativo, tengo que decir que es de pago, por lo que si no quieres gastar más dinero en tu blog que el coste del hosting y del dominio tendrás que decantarte por otros plugins gratuitos, que también son muy buenos pero llevan más tiempo configurarlos.

W3 Total Cache

velocidad carga web cache

Descargar

W3 Total Cache es uno de los mejores plugins en cuanto a gestión de caché gratuito y uno de los más conocidos. La verdad que lo he usado mucho en proyectos profesionales y da muy buenos resultados.

Como punto negativo tengo que comentar que es bastante difícil dar con la configuración correcta, ya que en cada sitio y plantilla se comporta de manera distinta. Sin embargo, es una gran opción.

También tiene la opción de minificación de codigo, sin embargo si no tienes muchos conocimientos recomiendo que uses autoptimize, del cual hablo un pelin más abajo.

WP Super Cache

velocidad carga web cache

Descargar

Es otro de los grandes plugins de cache. Este es muy sencillo de usar y configurar. Sin embargo no deja tantas opciones como W3 Total Cache.

Autoptimize

velocidad carga web minificación

Descargar

Autoptimize es el plugin que uso en muchos proyectos gracias a su simplicidad y facilidad de uso. Es instalar, activar sus módulos y listo te minifica el javascript, css y html. Con este plugin he conseguido mejorar unos cuantos puntos en el pagespeed insights de Google y en GTmetrix. Por lo que es una opción muy recomendable.

 

Optimiza las imágenes de la web

Como ya comenté en el artículo de herramientas para optimizar las imágenes de tu web, las imágenes suelen ser las grandes culpables del tiempo de carga de una web. Tener las imágenes optimizadas es muy importante ya que mejora considerablemente la velocidad. Para conseguir mejorar la velocidad de carga a través de la optimización de las imágenes, te recomiendo que eches un vistazo al artículo que comentaba anteriormente.

De todas formas te adelanto que lo más importante es comprimir y ajustar el tamaño de la imagen al espacio que va a ocupar.

 

Bueno y con esto termino el artículo de esta semana. Algo más de 2000 palabras explicando cómo acelerar tu web y mejorar su posicionamiento en buscadores. Estoy seguro que existen más formas de acelerar el tiempo de carga, así que te invito a que nos cuentes tus trucos para hacer que tu web vaya como un cohete. Si te ha gustado el post, espero que lo compartas con tu gente.

Y tú ¿Qué métodos utilizas para acelerar la carga de tu web?

 

¿Te ha gustado el artículo? No te vayas sin votar
[Total:9    Promedio:3.9/5]
Roberto Flores on FacebookRoberto Flores on GoogleRoberto Flores on LinkedinRoberto Flores on Twitter
Roberto Flores
Roberto Flores
Profesional de Marketing Online, especialista en posicionamiento SEO, SEM y diseño Web. Socio certificado de Google. Inquieto por naturaleza y aprendiendo constantemente nuevas técnicas. Colaboro y ayudo a empresas y profesionales a conseguir mayor visibilidad en internet. Consultor de Marketing Online Freelance. ¿Trabajamos juntos?

Comentarios

  • Articulazo Rober!

    Te lo has currado que da gusto. Estoy totalmente de acuerdo contigo. Lo único que añadiría en la parte de la compresión Gzip que no todos los hosting lo permiten (los buenos como los que has puesto sí, pero hay otros que no).

    Con respecto a las imágenes, me parece fundamental optimizarlas. Tal y como cuentas tú en otro artículo como yo en el mío, hay muchísimas formas de reducir su tamaño, y aprovechar muchas o incluso combinarlas es lo mejor para comprimirlas a tope.

    PD: Creo que tienes algún problema con el https que me sale como que no es seguro tu sitio (puedes borrar esto si quieres, solo quería comunicártelo).

    ¡Un abrazo!

    • Muchas gracias David!

      me alegra que te guste el artículo. Y muy buen apunte lo de la compresión Gzip que se me pasó comentarlo. Voy a mirar lo del https que me dices a ver que puede ser. Gracias por el aviso. No voy a borrar nada, me encanta que me avisen si hay algún problema.

      Un saludo crack

  • Hola Roberto, Yo nuevamente por aquí, he probado todos los que mencionas y hay que saber combinarlos o te cargas la web 😀 pero agregaría a tu lista los siguientes plugins que me han dado muy buenos resultados en algunos proyectos.

    Async JavaScript va de la mano con Autoptimize ya que mueve los .js al Footer. Pero ojo que puede romperte algún enlace si no lo configuras bien y lo pruebas.

    WP-Optimize el mejor plugin para optimizar la base de datos 100% recomendable te ahorras muchos recursos y tiempo.

    WP YouTube Lyte el mejor plugin para los vídeos de Youtube, si el vídeo cargo en la web te pesa 1MB + con esa herramienta lo reduces hasta un 80% menos.

    Ese es mi humilde aporte Roberto.

    PD: En tu articulo de las imágenes paso a dejar un regalo.
    Un Abrazo!

    • Muchas gracias Javier.
      Encantado de tenerte de nuevo por el blog. La verdad que siempre aportas buenos comentarios y se agradece. Wp-Optimize lo he probado y sin duda es muy bueno. Sin embargo, los otros dos me los apunto para probarlos.
      Un abrazo crack!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Scroll Up