Por Qué la Velocidad de Carga de Tu Sitio Web Es Tan Importante

velocidad-carga-sitio-web

Es muy importante que la velocidad de carga de tu sitio web o blog sea rápida, en realidad, todo lo rápida que puedas.

A nadie le importa lo bonito que sea tu sitio web si es lento y esto algo vital para el éxito de tu blog, no solamente te ayuda a mejorar tu ranking de posiciones en Google sino también las conversiones de tu página.

Piensa en ello un momento... ¿cuántas veces te has marchado de una página porque carga lento?

Internet esta plagada de blogs o webs que son muy parecidas al tuyo y si tu sitio web es lento la gente que quiera acceder a él no va a tener ningún problema en marcharse a otro lado, según KissMetrics gran parte de los usuarios no esperan una velocidad de carga mayor a 4 segundos.

velocidad-carga-sitio-web

En 2006 el 40% de las personas que abandonaban un sitio web era porque la página tardaba más de 4 segundos en cargar y a día de hoy tus visitantes esperan que tu sitio web cargue en 2 segundos.

Según un estudio de Amazon.com, por cada segundo de retraso sus conversiones bajaban un 7% o lo que es lo mismo 2,5 millones de dolares en pérdidas al año.​

mejorar-velocidad-carga-sitio-web

Como puedes ver la velocidad de carga de tu web es tremendamente importante si quieres que tenga éxito.

Pero ¿como mejoro la velocidad de carga de mi sitio web?

No te preocupes porque hoy te traigo una serie de consejos que te ayudarán a hacer que tu sitio web vaya mucho más rápido que hasta ahora.

Si sigues los pasos que te voy a contar un poquito más abajo notarás la mejoría.

Por qué la velocidad de carga de tu blog es tan importante

Ya has visto un poco más arriba que los efectos que tiene una web lenta son devastadores pero seguramente estes pensando que tu no eres Amazon ni ninguna web grande por lo que a ti eso no te afecta.

​Déjame decirte que te afecta tanto o incluso más que a una web grande porque precisamente porque ellos tienen la ventaja de ser una marca reconocida y quieras o no la gente es capaz de esperar un poco más para comprar o leer esa web tan popular pero en tu caso no es así y nadie va a perder el tiempo si tu web va como el culo, negar esto es engañarte a ti mismo.

Aquí tienes algunos motivos adicionales por los que un sitio rápido es fundamental:​

  • Afecta a tu SEO - Uno de los principales factores que tienen en cuenta Google a la hora de colocar tu sitio web más arriba en los rankings es que cargue rápido, si quieres mejorar tu posicionamiento web un sitio lento te dará muchos problemas.
  • Afecta a tu número de suscriptores - si eres blogger o tienes un negocio online ya sabrás que lo más importante hoy en día es tu lista de suscriptores y un sitio que cargue lento hace que la gente sea menos paciente a la hora de registrarse o suscribirse.
  • Afecta a tu comunidad - si los lectores que te visitan habitualmente no se sienten cómodos dejarán de hacerlo, tenerles esperando a que tu web cargue es algo muy malo si quieres que tu sitio crezca en vez de disminuir, cuídalos lo mejor que puedas.
  • Afecta a tus ventas o conversiones - como ya has visto un poco más arriba el tiempo de carga es fundamental si quieres generar conversiones o ventas con tu sitio web.

​Herramientas para comprobar la velocidad de carga de tu sitio web

Si no sabes que tal funciona la velocidad de carga de tu sitio web existen una serie de herramientas que te van a ayudar a descubrirlo:​

  • Pagespeed Insights - Esta es una de las herramientas más usadas de Google, es fácil de usar y te da una puntuación sobre la velocidad de carga de tu blog tanto para la versión móvil como para la de escritorio, además te da algunos consejos para mejorarla.
  • Pingdom Website Speed Test - Otra herramienta online que te permite ver de forma rápida la velocidad de carga de tu sitio web y te muestra unas gráficas con los elementos que más tardan en cargar.
  • GTMetrix - Recibirás dos tipos de velocidad de carga una desde GTMetrix y otra desde Yslow, lo bueno de esta herramienta es que si te registras te dejará realizar las pruebas desde Londres por lo que si tu web es solo para España podrás tener una velocidad de carga más fiable.

Te aconsejo que hagas pruebas desde las tres para tener un tiempo de carga fiable, ten en cuenta que utilizan diferentes zonas para hacer las comprobaciones y no vas a tener la misma velocidad de carga si hace el test de velocidad en París que desde Tokio.

Como mejorar la velocidad de carga de tu web​

​Vamos a ver algunos de los mejores hábitos para hacer que tu sitio web sea mucho más ligero, la combinación de todos conseguirá grandes resultados y si tu sitio web tiene un problema con el tiempo de carga te aconsejo que los pongas en práctica ya mismo.

#1. Utiliza un hosting de calidad​

Mucha gente comienza sus proyectos intentado ahorrar lo máximo posible y el principal punto en el que quieres ahorrar es en el hosting de su dominio, déjame decirte que esto no es un gasto sino una inversión para tu negocio online.

¿Conoces ese dicho de lo barato sale caro?

Pues aquí también se aplica, un hosting barato te puede servir para empezar pero si lo que quieres es tener gente detrás que garantice que tu web va a ir rápido, no se va a caer cada 2x3 y te ayude a solucionar los problemas que puedas tener es mejor que te gastes un par de euros más al mes y tengas las espaldas cubiertas.

​Además la diferencia en velocidad de carga de un hosting a otro puede ser abismal.

En todos mis proyectos suelo usar Webempresa la verdad es que no tengo queja de ellos, cualquier problema que tenga me lo solucionan aunque sea un Domingo, dile eso a los de 1and1 y ya verás a donde te mandan...​

one-and-one

#2. ​Usa una plantilla ligera

En mi primer proyecto cogí una plantilla que me gustaba mucho, tenía mil virguerías para hacer y en la demo se veía bastante bonita, la realidad era que hacía que mi proyecto tardará 7 segundos en cargar, horrible.

Como ya te he repetido muchas veces lo simple gana a lo complicado y en este punto lo hace aún con más fuerza.

Olvídate de esas plantillas que tienen mil tonterías de las cuales no vas a usar ni la mitad, instala una plantilla simple y clara y ya irás añadiendo lo que necesites más adelante.

Yo por ejemplo siempre utilizo el Framework Genesis y alguna de sus plantillas, tiene lo básico para tener una web funcional y si necesito algo ya se lo voy añadiendo más adelante.

Si no sabes que plantilla elegir te aconsejo alguna de Genesis porque están muy optimizadas para que sean muy rápidas y además también para SEO.​

#3. Optimiza tus imágenes

​Las imágenes son un apartado muy importante e influyente en la velocidad de carga de un sitio web.

Te voy a confesar un pequeño secreto y es que alguna vez se me escapa alguna imagen en mis blogs que no esta optimizada, haciéndola que pese mucho más de lo que debería y que por lo tanto hace que la web cargue mucho más lento.

Es recomendable que reduzcas el tamaño de tus imágenes con alguna herramienta como Photoshop o Gimp para adaptarla a las medidas de tu blog.

Además te aconsejo que instales el plugin WP Smush que te servirá para optimizarlas una vez las subas a tu blog de esta forma conseguirás que sean lo más ligeras posibles.​

mejorar-velocidad-carga-sitio-web

#4. Limpia los plugins que no utilices​

A todo el mundo nos pasa, empezamos a probar plugins aquí o allí y al final tenemos 50 en una de nuestras webs.

Eso es muy malo, normalmente consumen muchos recursos y hacen que tu web vaya más lenta de lo que debería, lo mejor es que compruebes uno a uno los plugins que tienes y elimines todos aquellos que no sean importantes para tu sitio web, desactivalos y borralos.​

​Si aún dudas en borrar o no algunos de tus plugins o solamente quieres quitar los que más recursos consuman te aconsejo que instales P3 Plugin Profiler un plugin para WordPress que te dirá cuales son los que más problemas te están dando.

mejorar-velocidad-carga-sitio-web

Además es recomendable que tengas siempre actualizados tanto la versión de WordPress como los plugins que tengas instalados.​

#5. No cargues todas tus imágenes de golpe

¿Te has dado cuenta de que hay sitios webs que te van mostrando sus imágenes según vas bajando hacia abajo?​

Esto lo hacen para no tener que cargar todas las imágenes al principio y así poder mostrarte la página más rápido.​

En WordPress tienes un plugin llamado Lazy Load que te permite hacer esto.​

#6. Intenta no pedir muchos datos de redes sociales

¿Has visto alguna vez esas cajas de Twitter o Facebook que muestran un montón de información?

Ese tipo de plugins ralentiza mucho tu velocidad de carga, porque necesita pedir datos externos y cargarlos en tu web, intenta evitar todos esos plugins que te dicen cuantos seguidores tienes en redes sociales, etc.

Con unas imágenes a cada una de tus redes sociales es suficiente, no necesitas mostrarle a tu visitante que te siguen exactamente 1.238 personas y además poner las caras de algunos de ellos.​

Evita todos aquellos elementos que tengan que cargar contenido desde otras webs, como por ejemplo el sistema de comentarios de Facebook.

mejorar-velocidad-carga-sitio-web

#7. Usa un CDN

Si tu sitio web lo visitan personas fuera de España y tiene mucho contenido multimedia o estilos para que sea mucho más impactante te aconsejo que utilices un CDN​ (Content Delivery Network).

Estos sistemas lo que hacen es ver la localización de la persona que accede a tu web y mandarle la información para que la cargue en su ordenador desde el sitio más cercano posible de esta forma llega de una manera mucho más rápida.

mejorar-velocidad-carga-sitio-web

Si tu sitio web es visitado por personas de Latinoamérica o esta en otros idiomas es ideal para dar la mejor calidad posible.

#8. Minimiza tu hoja de estilos​

Muchas veces encontrarás herramientas que te aconsejan minificar tu hoja de estilos o CSS para cargar más rápido tu web.

Se trata de comprimir tu código y que no se repitan tantas líneas que tiene que leer el servidor antes de mostrar la página al visitante.

Puedes usar plugins en WordPress que te ayudan a realizar esta tarea como ​Better WordPress Minify.

Aquí tienes más métodos para minificar tu css.​

#9. Usa plugins de cache​

Los plugins de cache pueden tener un impacto importante en lo que a velocidad de carga se refiere, su función es que el usuario no tenga que cargar de nuevo toda tu página web cada vez que la visita y que algunos de esos elementos se queden guardados en memoria cache para mostrar tu web más rápido.​

Los plugins de cache más utilizados hoy en día son W3 Total Cache y ​WP Super Cache.

>> Como configurar W3 Total Cache.​

>> Cómo configurar WP Super Cache.​

#10. Habilita la compresión GZIP

Esta es una parte bastante técnica y te recomiendo que le pidas al soporte técnico de tu hosting que la habiliten por ti, si tienes un hosting de calidad no tendrás problemas.

Lo que hace es comprimir toda la información que manda el servidor hasta el ordenador de un lector cada vez que intenta acceder a tu sitio web para mejorar mucho la velocidad de carga.​

Habilitar compresión GZIP tu mismo

Si quieres hacerlo tu mismo necesitas hacerlo a través del .htaccess de tu servidor que se encuentra en la carpeta raíz y necesitas agregar estas líneas.

# 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

Conclusión

Mientras más virguerías tenga tu sitio web más lento sera, asi que cada vez que vayas a implementar algo en él pregúntate si realmente va a tener un impacto bueno en la página o solamente lo haces para poner algo sin importancia.

Dejar de lado la velocidad de tu sitio web para añadir cosas ​que no van a mejorarlo realmente es un gran error.

Espero que este artículo te ayude a tener un sitio web mucho más rápido y que mejores así la experiencia de tus visitantes.​

Por Qué la Velocidad de Carga de Tu Sitio Web Es Tan Importante
5 de 1 votos
Mario Camacho
¡Sigueme!

Mario Camacho

La mano que empuña la pluma detrás de MariusMarketing, adicto al marketing online y el posicionamiento web escribe incansablemente todas las semanas para poder traerte lo mejor en el blog. Más sobre mi...
Mario Camacho
¡Sigueme!

Comentarios

    • Mario Camacho dice

      Hola Pep,

      Para mi la velocidad de carga de la web es algo fundamental antes de sacar un proyecto, cada vez la gente somos mas impacientes, hay cada cosa por ahi que veo antes la web si me la pintan en un cuadro, jeje.

      Un saludo,
      Mario

  1. dice

    hola Marius muy buen articulo amigo, pero ademas me impresiono positivamente ese buzon animado del asunto del mail, genial si algun dia nos puedes decir como se hace a mi particularmente me gustaria mucho,
    un abrazo, capo!!!

    • Mario Camacho dice

      Claro Victor,

      No te preocupes que para eso esta la serie de artículos de Marius Mail, para hablar de todas esas cosillas, cuando lleguemos a la parte de autoresponders explicaré los mejores métodos para llamar la atención con tus emails.

      Un saludo,
      Mario

  2. dice

    Muy buen artículo Mario, me viene de perlas para mejorar la calidad de mi blog. Yo uso w3total caché pensando que es la panacea pero aún así no me carga todo lo rápido que me gustaría.

    No sabía lo del CSS y me va a venir bastante bien! ?

    Enhorabuena por el post!!

    • Mario Camacho dice

      Hola Jose, seguramente para dentro de unas semanas saque una guía para usar CDN en tu sitio web, es súper barato, unos 0,50€ al mes y reduce la velocidad de carga de tu web a la mitad, no es nada complicado, 15 minutos cambiando cosas y listo, a ver si tengo tiempo para implementarlo en el blog y ya de paso os saco la guía, tus problemas de velocidad se van a esfumar automáticamente.

      Un saludo,
      Mario

  3. dice

    Hola Mario, gracias por el aporte de información y sobre todo por hacerlo sencillo.

    He empezado a utilizar el plugin que recomiendas para minificar el css y por lo pronto en page speed me han dado el visto bueno. Había probado otros pero no me funcionaron bien y los eliminé.

    Otras de las sugerencias que me da es minificar el html y el java script. ¿Conoces algún plugin que pueda ayudarme en eso?

    Me gustaría habilitar la compresión GZIP, pero me da un poco de miedo hacerlo yo misma. Tengo el hosting con Hostgator, ¿Qué me recomiendas que haga?

    Gracias de nuevo y enhorabuena por el buen comienzo del blog 😉

    • Mario Camacho dice

      Hola Rosa,

      Si quieres mejorar mucho la velocidad de carga te aconsejo que uses el CDN de Amazon, es fácil de instalar y cuesta muy poco, con unas 100 visitas diarias creo que sale a unos 0,50€ al mes mas o menos.

      Te quitarás muchos problemas de configuraciones y tu pagespeed subirá bastante.

      En cuanto a los plugins por los que preguntas yo actualmente uso una plantilla de Genesis que carga bastante bien por lo que no suelo minificar los archivos, la siguiente acción que haga será usar un CDN en mis proyectos más importantes.

      Un saludo,
      Mario

Deja un comentario

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