Velocidad de la página: ¿qué es, por qué es importante y cómo puede mejorar la suya?
Page Speed y SEO - ¿afecta la velocidad de la página al SEO? ¿Qué importancia tiene la velocidad de la página?
Recursos gratuitos
¿Cuál es la relación entre Page Speed y SEO?
¿Por qué es importante para su sitio web?
Tanto si está interesado en crear una mejor experiencia de usuario para sus visitantes como si desea mejorar su posicionamiento SEO, los desarrolladores de su sitio web deberían dedicar algún tiempo a centrar su atención en la velocidad de carga de la página. A continuación, aprenderá no sólo cómo mejorar la velocidad de carga de la página, sino también cómo realizar un seguimiento del éxito de sus esfuerzos, cómo probar la velocidad de carga de la página, cómo aumentar la puntuación de velocidad de la página y mucho más.
¿Qué es la velocidad de página?
En el sentido más simple del término, la velocidad de la página se refiere a la rapidez con que se carga el contenido de cualquier página web. La velocidad de página se puede describir de dos maneras: "tiempo de carga de la página" o "tiempo hasta el primer byte". El tiempo de carga de la página se refiere al tiempo que tarda una sola página de su sitio web en mostrar completamente el contenido, mientras que el tiempo hasta el primer byte se refiere al tiempo que tarda un navegador en recibir el primer byte de información del servidor web. Mientras que los usuarios se preocupan más por el tiempo de carga de la página, los motores de búsqueda ponen un énfasis significativo en ambos tipos de velocidad de la página.
Cómo mejorar la velocidad de carga de una página
Mejorar la velocidad de carga de una página requiere conocimientos técnicos y varios pasos. Afortunadamente, existen varias herramientas que permiten incluso a los no desarrolladores mejorar la velocidad de carga de las páginas con poco esfuerzo. Una de ellas es Gzip.
Gzip es un programa de compresión de archivos que reduce el tamaño de los archivos HTML, CSS y JavaScript de más de 150 bytes. La compresión de archivos puede reducir su tamaño hasta en un 90%. Los archivos más pequeños requieren menos uso de datos, lo que significa que las páginas pueden cargarse más rápido.
Similar a la reducción de archivos es la minimización de código. Utiliza herramientas recomendadas por Google como UglifyJS o CSSNano para minificar tu código JavaScript, CSS y HTML. Esto tiene esencialmente el mismo efecto que la compresión de archivos: reduce la necesidad de más datos, lo que equivale a tiempos de carga más rápidos. Estas herramientas también eliminan los datos no deseados, como el formato, los códigos no utilizados y los comentarios de código.
Si prevé tener visitantes recurrentes (¡y debería tenerlos!), aplique el almacenamiento en caché del navegador. Los navegadores almacenan en caché datos de sitios web como imágenes, archivos JavaScript y hojas de cálculo, de modo que cuando un visitante vuelve a su página, su navegador no tiene que volver a cargar toda la imagen, sólo la extrae de la caché. Utilice YSlow para ver cuál es la fecha de caducidad actual de su caché y fijarla para un periodo de tiempo más largo. En la mayoría de los casos, un año es una cantidad de tiempo razonable.
Otra cosa que puede hacer para aumentar la velocidad de la página es reducir las redirecciones. Por cada redirección por la que pasa su página, su visitante tiene que esperar entre uno y tres segundos más. Puede reducir el tiempo de espera comprobando su patrón de redirecciones y eliminando las innecesarias.
También puede optimizar su contenido para aumentar el tiempo de carga de la página. Por ejemplo, puede utilizar redes de distribución de contenidos para permitir que otros servidores compartan la responsabilidad de entregar su contenido. Esto garantiza a los usuarios un acceso más rápido y fiable a sus contenidos, sobre todo cuanto más lejos se encuentren de la ubicación geográfica de su servidor. También puedes optimizar tus imágenes. Asegúrate de que estén en el formato de archivo adecuado, que no sean más grandes de lo necesario y que estén comprimidas para la web.
¿Qué importancia tiene la velocidad de la página?
Muy importante. Desde la perspectiva del usuario, la velocidad de la página es importante porque, bueno, las páginas más rápidas son más eficientes. Hoy en día, la capacidad de atención media es de ocho segundos, es decir, menos que los nueve segundos de un pez dorado. Sin embargo, según un estudio de Kissmetrics, cuando se trata de la World Wide Web, la capacidad de atención de los usuarios es aún más corta, de sólo tres segundos. Si una página tarda más de tres segundos en cargarse, es probable que más de una cuarta parte de los visitantes abandonen el sitio.
La velocidad de carga de una página también afecta a las conversiones. Por ejemplo, cuando Walmart evaluó sus datos de velocidad de página, observó un aumento del 2% en las conversiones por cada segundo que tardaba más en cargarse una página. Amazon puso a prueba esta teoría y calculó que perdería 1.600 millones de dólares al año si su sitio se ralentizara un solo segundo.
Los motores de búsqueda también dan mucha importancia a la velocidad de carga de las páginas, probablemente porque los usuarios también lo hacen. En 2010, Google anunció que utilizaría los tiempos de carga de las páginas como factor de clasificación. Siete años más tarde, anunció que daría aún más importancia a la velocidad de carga de las páginas.
Cómo comprobar la velocidad de la página en Google Analytics
Google le facilita la tarea de comprobar la rapidez con la que los usuarios pueden interactuar con su contenido. También le ayuda a identificar áreas de mejora y le facilita el seguimiento del rendimiento de esas actualizaciones. ¿Qué debe hacer para empezar?1
- Acceda a su cuenta de Google Analytics.
- Acceda a su vista.
- Haga clic en Informes.
- Seleccione Comportamiento > Velocidad del sitio.
A continuación, podrá elegir entre tres informes: Informe de tiempos de página, Informe de sugerencias de velocidad e Informe de tiempos de usuario. Abra el informe de Tiempos de página.
El informe de Tiempos de página le ofrece un desglose detallado del rendimiento de cada página en términos de velocidad. También proporciona datos sobre aspectos como páginas vistas y tasas de rebote, métricas de red y servidor, cubos de tiempo para diferentes métricas y métricas de red y servidor.
También puede resultarle útil el informe Tiempos de usuario, que ofrece un análisis detallado de las interacciones individuales de cada usuario con su sitio. Por ejemplo, puede ver cuándo un usuario interactuó con un botón, un vídeo o una imagen y cuánto tardó en responder cada elemento.
Cómo aumentar la puntuación de velocidad de página
Para obtener la puntuación de PageSpeed de su sitio, Google obtiene su URL dos veces: una vez con un dispositivo móvil y otra con un equipo de escritorio. A continuación, mide dos parámetros: el tiempo de carga por encima de la mitad de la página y el tiempo de carga de la página completa. La carga por encima de la página es ligeramente más importante que la carga de la página completa porque es el primer contenido que ven los usuarios. Sin embargo, la carga de la página completa no debería ser mucho más lenta que la de la mitad superior de la página.
Después de probar su URL en dos tipos de dispositivos y de evaluar cada uno de los dos parámetros, Google puntúa la velocidad de su página. La puntuación PageSpeed oscila entre 0 y 100, siendo 100 la puntuación óptima. Sin embargo, pocos sitios alcanzan este tipo de puntuación. Una buena puntuación es igual o superior a 85. Todo lo que esté por debajo de 85 requiere algo de trabajo.
Sin embargo, si puede alcanzar un 100, ¿por qué no hacerlo? Tanto si su sitio obtiene un triste 50 como un aplaudible 90, siempre hay algo que puede hacer para mejorar esa puntuación. En primer lugar, compruebe su informe para ver qué está haciendo mal. Google te lo pone fácil identificando las áreas de mejora con un signo de exclamación amarillo o rojo. Si es amarillo, deberías plantearte solucionar el problema. Si es rojo, la solución del problema aumentaría significativamente su puntuación. A partir de ahí, siga los consejos de la sección uno, "Cómo mejorar la velocidad de carga de la página".
Cómo optimizar las imágenes para aumentar la velocidad de la página
Las imágenes suelen ser las que más datos consumen en una página. Debido a esto, tiene sentido optimizarlas para disminuir el número de bytes descargables y aumentar la velocidad de la página.
Optimizar imágenes no es tan sencillo como reducir su tamaño en Photoshop. En primer lugar, tienes que analizar cuidadosamente varios factores, como el tipo de datos que piensas codificar, los ajustes de calidad, las capacidades del formato de imagen, la resolución, si tus imágenes se sirven mejor en formato vectorial y mucho más. También hay que tener en cuenta en qué tipo de dispositivo verán la imagen los usuarios. Lo mejor es asumir que los usuarios utilizarán tanto dispositivos móviles como de sobremesa.
Una vez que hayas hecho los deberes, es hora de empezar a comprimir. Como el proceso es largo, deberías ir directamente a la fuente. La página PageSpeed Insights de Google ofrece instrucciones paso a paso para optimizarlos tipos de archivo GIF, PNG y JPEGque se comen el 96% de todo el tráfico de imágenes de Internet. Puedes descargar las imágenes optimizadas directamente desde PageSpeed Insights o utilizar herramientas de terceros, como ImageMagick. Google advierte que si utiliza una herramienta de terceros, la transformación puede hacer que sus imágenes sean más grandes.
Cómo comprobar la velocidad de carga de la página
Existen docenas de herramientas gratuitas que permiten introducir la URL de una página y ejecutar una prueba de velocidad. Aunque muchas de estas pruebas de velocidad son efectivas, es muy probable que las esté ejecutando de forma incorrecta. Aunque usted no piense que ejecutar una prueba de velocidad incorrecta es un gran problema, la realidad es que sí lo es. Si no ejecuta correctamente una prueba de velocidad, no podrá medir con precisión las mejoras o, lo que es peor, es posible que intente mejorar áreas que en realidad funcionan bastante bien. Entonces, ¿cómo puede realizar una prueba de velocidad adecuada? Utilice este proceso de dos pasos:
- Antes de realizar la prueba
Compruebe si su red de distribución de contenidos y su almacenamiento en caché ya están configurados y funcionando en su sitio. Si no es así, consulta a tu proveedor de alojamiento o desarrollador web para que te ayude a configurarlas.
- Ejecute correctamente la prueba de velocidad
Realiza una prueba desde una ubicación cercana a tu centro de datos y desde una lejana. Esto le ayudará a determinar el impacto de su red de distribución de contenidos en el rendimiento de la página. Si no puede acceder a una ubicación lejana, desactive temporalmente su CDN y vuelva a probar su sitio desde la misma ubicación.
Realice la prueba varias veces, ya que una sola prueba puede no darle una imagen precisa. Una lectura imprecisa puede producirse cuando su navegador o host aún no ha almacenado en caché su contenido, haciendo que su sitio parezca más lento de lo que realmente es.
¿Qué importancia tiene la velocidad de página para el SEO?
Cuando Google lanzó la actualización de SiteSpeed en 2018, afirmó que solo los sitios más lentos de los lentos se verían afectados. Sin embargo, cuando se tienen en cuenta factores como el rastreo, las tasas de rebote, las tasas de conversión y el compromiso general del usuario, la realidad es que la velocidad del sitio juega un papel importante en el SEO para todos los sitios, no solo para los lentos.
En primer lugar, hablemos de aspectos técnicos. Google dispone de un presupuesto de rastreo que destina a probar sitios y clasificarlos. Si su sitio es lento, los robots de Google no pueden recorrerlo con rapidez, lo que hace que Google dude en volver a enviarlos. En su lugar, el motor de búsqueda redirigirá su presupuesto a rastrear sitios con velocidades de carga de página más rápidas para poder hacer más cosas.
Las tasas de rebote, las tasas de conversión y la experiencia del usuario también tienen un impacto significativo en el SEO, y la velocidad de la página afecta a cada uno de estos factores. Como se ha mencionado anteriormente, más de una cuarta parte de los usuarios abandonan un sitio que no se carga en tres segundos o menos. Cuando un usuario abandona su sitio después de sólo tres segundos, no es un buen augurio para su tasa de rebote, que desempeña un papel clave en su clasificación.
Las conversiones también influyen en la clasificación. Si los visitantes de su sitio completan el ciclo de ventas, Google toma nota y considera la posibilidad de ascender un puesto en las SERP. Esto es así independientemente de si su ciclo de ventas termina en una compra, un contacto o una suscripción a un boletín electrónico.
Por otro lado, si los visitantes no completan el ciclo de ventas, significa que se dirigen a un competidor para obtener los productos, servicios o información que necesitan. Cada vez que un competidor consigue un negocio que debería haber sido suyo, asciende en las SERP y le hace retroceder un puesto.
En última instancia, el objetivo de Google es garantizar a todos los usuarios una gran experiencia de navegación. El motor de búsqueda no puede alcanzar ese objetivo si las páginas tardan en cargarse y los usuarios se sienten frustrados. ¿Qué hace Google cuando un usuario se siente frustrado? Penaliza al sitio que ha causado esa frustración reduciendo su clasificación. ¿Cómo sabe Google cuándo un usuario está frustrado? Las tasas de rebote y de conversión son muy reveladoras.
Entonces, ¿afecta la velocidad de la página al SEO? Por supuesto que sí. Sin embargo, aunque ciertamente debería preocuparse por mejorar su posición en las SERPs, debería, al igual que Google, preocuparse en última instancia por mejorar la experiencia del usuario. La forma en que sus visitantes interactúan con su sitio y durante cuánto tiempo son los principales factores que el gigante de los motores de búsqueda tiene en cuenta a la hora de clasificar un sitio. Si los usuarios están contentos, Google también lo estará. Dicho esto, si su sitio es lento, es hora de ponerse manos a la obra para acelerar las cosas. Consulte la sección 1 para empezar.
Artículos relacionados