Optimización de velocidad web: 6 consejos que no debes olvidar

La optimización de la velocidad del sitio web es crucial para crear una experiencia de usuario positiva. Una experiencia de usuario positiva es hablar de marketing para usuarios felices. Los usuarios felices visitan tu sitio y compran cosas. Los usuarios descontentos se van porque están cansados de esperar a que cargue tu sitio web. Los especialistas en marketing lo llaman “tasa de rebote”, pero en realidad es solo usuarios descontentos.

¿Por qué es tan importante la velocidad del sitio?

En los primeros días de la web, nuestro mantra era “El contenido es el rey”. En estos días, si el contenido realmente es el rey, la reina es la velocidad. Van de la mano. El mejor contenido o incluso producto o servicio del mundo no se notará en un sitio web lento.

Experiencia de usuario (Usabilidad)

Como dijimos anteriormente, un sitio web lento puede llevar a una mala experiencia de usuario. Esto puede hacer que los visitantes abandonen el sitio y potencialmente llevar a una alta tasa de rebote. Un sitio web rápido, por otro lado, conduce a una mejor experiencia de usuario, lo que aumenta la participación del usuario. Cuando las personas no tienen que esperar a que la página que quieren leer se cargue lentamente, es más probable que se queden a leerla. Si esa página les está vendiendo tus widgets, entonces es más probable que los compren porque leen tu página.

Factor de clasificación (Visibilidad)

Los algoritmos de los motores de búsqueda han tenido en cuenta la velocidad del sitio web desde hace algunos años. En igualdad de condiciones, si tienes dos sitios web que tienen contenido igualmente bueno sobre un tema dado, el más rápido tendrá una clasificación más alta. Además, un sitio web más rápido puede llevar a una mejor experiencia de usuario, lo que también puede tener un impacto positivo en el SEO.

Todos los motores de búsqueda han anunciado que ahora usan la velocidad del sitio web como un factor de clasificación para sus resultados de búsqueda móvil. Esto significa que un sitio web que no está optimizado para la velocidad puede tener una clasificación más baja en los resultados de búsqueda móvil que un sitio web más rápido, lo que podría llevar a una disminución tanto en el tráfico como en los ingresos.

La optimización de la velocidad del sitio web es fundamental para tu negocio, si tus usuarios son principalmente móviles.

Conversión (para sitios eCommerce)

Cuando un sitio web es lento, los usuarios pueden frustrarse y abandonar sus carritos de compra, lo que lleva a la pérdida de ingresos para tu negocio. Un sitio web rápido, por otro lado, puede proporcionar una experiencia de compra perfecta, lo que aumentará las conversiones y, en última instancia, generará más ingresos.

Amazon es famoso por calcular el precio de un segundo de tiempo de carga. Cuanto más lento carga su sitio, menos venden y saben exactamente cuánto. Es posible que no puedas calcular tu pérdida de esa manera, pero verás que cuando optimizas la velocidad de tu sitio web, tus ventas aumentarán.

En resumen, si no estás obteniendo las vistas de página que crees que deberías, tal vez sea el momento de optimizar la velocidad de tu sitio web. Optimizar la velocidad de tu sitio web puede llevar a una mejor experiencia de usuario, mejor posicionamiento en los motores de búsqueda y mayores ingresos. Aquí están nuestros mejores consejos y trucos de optimización de sitios web:

Cómo comprobar el rendimiento de tu sitio web

Hay muchas herramientas buenas en la web para ayudarte a calcular la velocidad de tu sitio web para que puedas saber si tu sitio se está ejecutando rápido o no.

Plugin SiteGround Optimizer y Google PageSpeed

Una de las mejores herramientas para medir las métricas de velocidad del sitio web es Google PageSpeed. Hay varias herramientas que puedes usar para aumentar la puntuación de PageSpeed de tu sitio, mi favorito es el plugin SiteGround Optimizer. Lo tengo instalado en casi todos mis sitios de WordPress y al usarlo, mi puntuación de Google PageSpeed está a solo un par de clics de distancia. Si ya tienes instalado SiteGround Optimizer, simplemente haz clic en el menú y selecciona “Prueba de velocidad”. Si todavía no tienes SiteGround Optimizer instalado, es gratis y funciona incluso si no estás alojado en SiteGround.

Como beneficio adicional, si tu puntuación no es tan alta como deseas, SiteGround Optimizer te ayudará a aumentarla. Después de implementar las sugerencias que SiteGround Optimizer tenía para uno de mis sitios con gráficos más pesados, esta es mi puntuación de PageSpeed de Google.

Sí, no está nada mal.

webpagetest.org

La otra herramienta que he usado durante los últimos 10 años es webpagetest.org. Mientras que Google PageSpeed lo reduce todo a tres números fáciles de entender, si quieres profundizar en los detalles, necesitas una herramienta como webpagetest.org. Da a la mayoría de propietarios de sitios web más información que se puede digerir fácilmente, pero si dedicas tiempo a aprender lo que significan los números, puede darte información detallada sobre por qué tu sitio web carga de la manera en que lo hace. webpagetest.org también te permite configurar cosas como escritorio o dispositivo móvil, desde dónde estás probando, etc.

6 consejos indiscutibles de optimización de sitios web

Ahora que hemos hablado de por qué la optimización de la velocidad del sitio web es tan importante, hablemos de seis cosas que tú, como propietario sin mucho conocimiento técnico, puedes hacer para asegurarte de que estás funcionando a la velocidad óptima.

Logra tiempos de carga ultrarrápidos eligiendo el host correcto

Elegir el servidor web correcto es uno de los factores más importantes en la optimización de la velocidad del sitio web. También es la primera decisión que debes tomar. Honestamente, si tu host es lento, ninguno de estos consejos de optimización va a marcar mucha diferencia.

Elige un tema para el sitio web que no te arrastre

Si tu sitio usa WordPress, el tema que elijas para tu sitio web de WordPress tendrá un impacto significativo en su velocidad. Un tema bien diseñado y optimizado puede ayudar a mejorar la velocidad y el rendimiento del sitio web, mientras que un tema mal diseñado puede tener el efecto contrario.

Todos los temas soportan perder un poco de peso, incluso los mejores. Por lo tanto, para ayudar a que tu sitio alcance su máxima velocidad, asegúrate de tener SiteGround Optimizer instalado y configurado. Como se mencionó anteriormente, realmente puede marcar la diferencia en la velocidad general de tu sitio.

Al elegir un tema para tu sitio web, es importante tener en cuenta aspectos como la calidad del código, el tamaño de los gráficos y el soporte.

Calidad del código

Un tema bien codificado será liviano, usará recursos mínimos y estará optimizado para la velocidad. Es importante elegir un tema que esté codificado según los últimos estándares web, estándares de WordPress y que haya sido revisado por otros usuarios.

Tamaño de los gráficos 

Todos los temas te permitirán usar tus gráficos, sin embargo, algunos funcionan con plugins para optimizar el tamaño de los gráficos, mientras que otros no. Si eliges un tema para tu sitio web que no optimiza automáticamente el tamaño de los gráficos para la velocidad, no todo está perdido, puedes instalar el plugin SiteGround Optimizer. No sólo optimizará todas tus imágenes existentes, sino que optimizará automáticamente cualquier gráfico nuevo a medida que lo subas.

Soporte y actualizaciones

Un tema que se actualiza regularmente y cuenta con soporte del desarrollador puede ayudar a garantizar que tu sitio web se mantenga optimizado. A medida que cambian las tecnologías, debes asegurarte de que tu tema cambie con ellas para garantizar que siempre sea lo más rápido posible.

Si tienes un sitio web de WordPress, alojado con SiteGround, te beneficiarás de su función interna de actualización automática de WordPress, que crea copias de seguridad y actualiza tu sitio automáticamente cada vez que hay una nueva versión de WordPress, junto con todos tus plugins, si así lo deseas. Eso te ayuda a evitar vulnerabilidades relacionadas con la aplicación anterior, y estás actualizado con las últimas correcciones de seguridad.

Elegir el tema correcto es solo una parte de la optimización del sitio web. Aún así, necesitarás hacer cosas como minificar el código y usar el almacenamiento en caché para ayudar a mejorar la velocidad del sitio web.

El tema que elijas para tu sitio web de WordPress puede tener un impacto significativo en la optimización del sitio web. Al considerar los factores mencionados anteriormente, puedes elegir un tema que esté bien diseñado, optimizado para la velocidad y proporcionará una mejor experiencia de usuario a tus visitantes.

Reduce el número de plugins innecesarios

En el pasado, he escrito sobre eliminar los plugins que no se utilizan o están desactivados. Una de las principales razones para hacer esto es la velocidad. Cuanto menos código haya, más rápido se ejecutará tu sitio. Incluso los plugins deshabilitados obligan a WordPress a decidir entre ellos en cada carga de la página. Si los eliminas, WordPress no necesita preocuparse por ellos.

Una vez al año (o con más frecuencia, si es posible) debes hacer una auditoría completa de los plugins instalados en tu sitio. Desactiva y elimina los que no se estén utilizando activamente. Si los necesitas de nuevo más tarde, vuelve a instalarlos.

Elimina redirecciones innecesarias

Las redirecciones afectarán la optimización de la velocidad del sitio web.

Añaden un paso adicional al proceso de carga de la página, lo que puede aumentar la cantidad de tiempo que tarda una página en cargarse. Esto afectará negativamente la experiencia del usuario y la velocidad del sitio web.

Los motores de búsqueda siguen las redirecciones para encontrar la URL final de una página. Cuando los motores de búsqueda rastrean tu sitio web, siguen cada redirección, lo que puede ralentizar el proceso de rastreo y afectar el SEO de tu sitio web. Además, las redirecciones pueden hacer que los motores de búsqueda vean la página de redirección y la página final como dos páginas diferentes, lo que puede llevar a problemas de contenido duplicado y afectar al SEO del sitio web.

Los redireccionamientos pueden ser confusos para los usuarios y llevarán a una mala experiencia de usuario. Si un usuario hace clic en un enlace que lo redirige a una página diferente de la que esperaba, puede frustrarse y abandonar el sitio web.

Las redirecciones pueden ser útiles en ciertas situaciones, como cuando una página web se ha movido o ya no está disponible, o cuando deseas redirigir el tráfico de un dominio no preferido a un dominio preferido. En estos casos, es importante usar el tipo correcto de redirecciones y minimizar el número de redirecciones utilizadas para mantener la velocidad del sitio web y el SEO.

Para evitar el impacto negativo de las redirecciones en la optimización del sitio web, es importante usarlas con moderación y usar el tipo correcto de redirección. Además, implementar una estrategia de redirección adecuada y realizar un seguimiento de las redirecciones que están implementadas puede ayudar a minimizar el impacto negativo en la optimización del sitio web.

Haz del almacenamiento en caché tu camino hacia tiempos de carga más rápidos

El almacenamiento en caché puede tener un impacto positivo en la optimización del sitio web al mejorar la velocidad y el rendimiento de tu sitio web. El almacenamiento en caché es el proceso de almacenar una copia de una página web o sus recursos, como imágenes o scripts. Cuando un usuario visita un sitio web, su navegador puede cargar la versión en caché de la página, lo que puede reducir la cantidad de tiempo que tarda la página en cargar.

El almacenamiento en caché se puede implementar en diferentes niveles, como el almacenamiento en caché del navegador y el almacenamiento en caché del lado del servidor. Cada tipo de almacenamiento en caché puede tener un impacto positivo en la optimización del sitio web.

Almacenamiento en caché del navegador

Cuando un usuario visita un sitio web, su navegador almacena una copia de la página web y sus recursos en su dispositivo. Cuando el usuario visita el sitio web de nuevo, su navegador puede cargar la versión en caché de la página, lo que reducirá drásticamente el tiempo de carga.

Si estás utilizando el plugin SiteGround Optimizer para WordPress, disponible para su descarga gratuita en cualquier plataforma de hosting, puedes usar la opción de almacenamiento en caché del navegador que proporciona. Esta función almacena el contenido estático de tu sitio web en los navegadores de los usuarios y almacena en caché por más tiempo. Si eres un cliente de SiteGround, esta opción estará habilitada por defecto en el plugin.

Almacenamiento en caché del lado del servidor

El almacenamiento en caché del lado del servidor puede reducir la cantidad de tiempo que tarda una página en cargar al almacenar una copia de la página en el servidor. Cuando un usuario visita el sitio web, el servidor puede entregar la versión en caché en lugar de tener que regenerarla cada vez. Esto reducirá el tiempo de carga de la página.

Si estás alojado con SiteGround, ya estás aprovechando su potente tecnología de almacenamiento en caché: SuperCacher que incluye tres niveles de almacenamiento en caché del lado del servidor:

  • Entrega directa NGINX
    Almacena en caché contenido estático como imágenes, archivos CSS, JavaScript
  • Caché dinámica
    La caché dinámica almacena en caché el contenido dinámico y lo almacena en la memoria RAM del servidor.
  • Memcached
    Un mecanismo de almacenamiento en caché de objetos diseñado para mejorar la conexión entre tu aplicación y tu base de datos

Cuando estos tres están en acción, ¡mejoran el rendimiento de tu sitio web hasta 5 veces!

Acelera tu sitio con CDN

Una buena CDN, o Content Delivery Network, es el siguiente paso crítico para optimizar la velocidad de tu sitio web. Una CDN es un grupo de servidores en diferentes ubicaciones en todo el mundo que trabajan juntos para entregar más rápido tu sitio web a los usuarios al entregar archivos grandes desde servidores cerca de tus usuarios.

Cuando un usuario visita tu sitio web, la CDN lo dirigirá al servidor más cercano a él. Esto puede ayudar a reducir la distancia entre el usuario y el servidor, lo que mejorará la velocidad del sitio web.

Las CDN también ayudan a reducir el número de solicitudes realizadas a tu servidor, lo que puede ayudar a mejorar la velocidad del sitio web. Esto se debe a que las CDN pueden almacenar una copia de los archivos de tu sitio web, como imágenes y videos, y entregarlos a los usuarios sin tener que solicitarlos desde tu servidor.

Cuanto menos trabajo tenga que hacer tu servidor, más rápido hará el trabajo que solo él puede hacer.

El uso de una CDN ayudará a mejorar la velocidad del sitio web y eso creará una mejor experiencia de usuario para tus visitantes. Es una gran opción a considerar si deseas optimizar tu sitio web y llegar a una audiencia global.

Puedes usar una CDN de terceros, lo que llevará algo de tiempo y conocimientos adicionales para configurarlo. Alternativamente, puedes pedirle a tu host que te ayude a seleccionar uno y luego pagarles para configurarlo. Una mejor opción es usar la CDN nativa de SiteGround. SiteGround tiene una CDN que se configura con un clic que ya está integrada y configurada para tu sitio. Ofrecen las funciones esenciales de forma gratuita para todos los clientes que alojan sitios web en su plataforma. Para aquellos que necesitan más, ofrecen una versión premium para sitios web con mucho tráfico internacional.

Conclusión

Se han escrito libros enteros sobre el tema de la optimización de la velocidad de un sitio web. En este artículo, hemos echado un vistazo a por qué es importante, discutimos algunas herramientas que puedes usar para ver qué tan rápido es tu sitio ahora, y luego seis consejos que puedes llevar a cabo sin la ayuda de un programador para acelerar las cosas.

Es importante que antes de empezar a retocar tu sitio web para optimizarlo, compruebes su velocidad primero. Luego, haz una cosa a la vez y después de cada cambio que hagas, vuelve a probar. Esta es la única forma de saber con certeza que estás mejorando las cosas y no empeorando.

Cal Evans

Evangelista PHP

Una de las personas más admiradas de la comunidad PHP, que ha dedicado más de 16 años a construir la increíble comunidad PHP y asesorar a la próxima generación de desarrolladores. Nos sentimos extremadamente honrados de que él también sea un amigo muy especial de SiteGround.

Iniciar discusión

Artículos relacionados

Ha llegado el momento de practicar