Cómo la velocidad de carga de la página afecta la visibilidad del sitio y consejos para aumentarla

¿Se está enfocando solo en los aspectos "tangibles" de su estrategia de optimización de motores de búsqueda (SEO), como sus palabras clave y el diseño de la página? ¿Qué pasa con el tiempo de carga de su página? ¿Sabía que Google considera que la velocidad de carga del sitio web es un factor de clasificación importante?

La velocidad de carga lenta puede afectar su negocio de muchas maneras. Dos de los más cruciales son su clasificación y su capacidad de conversión. Cuando el tiempo de respuesta del servidor de su sitio es inferior a dos segundos, Google reduce la cantidad de rastreadores que visitan su sitio.

Partiendo de eso, profundicemos en cómo la velocidad de carga de la página afecta los diferentes parámetros del sitio.

5 formas en que la velocidad de carga de la página afecta su visibilidad

1. Influye en la experiencia del usuario

Hoy en día, los usuarios no aceptarán ninguna excusa por el bajo rendimiento del sitio web. Y son extremadamente particulares sobre la velocidad de carga de un sitio.

Si hay que creer en los hechos, el 47 por ciento de los usuarios esperan que una página se cargue en dos segundos. Mientras tanto, los informes muestran que el 75 por ciento de los visitantes rebotan (abandonan la página) si el tiempo de carga supera los tres segundos.

Esto nos dice que cada segundo de retraso en el tiempo de carga de la página provoca una pérdida significativa de clientes.

Una encuesta de Think With Google muestra que la tasa de rebote (el porcentaje de visitantes que abandonan el sitio después de llegar solo a una página) aumenta con el aumento del tiempo de carga de la página. El aumento de la tasa de rebote también afecta las métricas generales de participación e interacción del usuario.

2. Tiene un impacto directo en la visibilidad en línea y el SEO

En 2018, los dispositivos móviles representaron más del 53 por ciento del tráfico total del sitio web. Y ese mismo año, Google introdujo oficialmente la velocidad de la página móvil como un factor de clasificación. Desde entonces, la velocidad de carga de la página se ha vuelto aún más crucial.

Cuando Google anunció su enfoque en la indexación móvil primero hace unos años, las empresas no tuvieron más remedio que optimizar su sitio para dispositivos móviles. Desde entonces, los sitios con un rendimiento móvil deficiente se han hundido en la página de resultados del motor de búsqueda (SERP).

En pocas palabras, si la velocidad de su página móvil no está a la altura, es prácticamente imposible para usted lograr clasificaciones más altas.

3. Provoca una caída o un aumento en las ventas y las conversiones

¿Sabes que una demora de un segundo en el tiempo de carga de tu página reduce las conversiones en un 7 por ciento?

Si su sitio está plagado de bajo rendimiento, no hay forma de evitarlo: está perdiendo una cantidad sustancial de ventas. El aumento de la tasa de rebote debido a la baja velocidad del sitio ya aleja a una gran cantidad de clientes potenciales y minimiza las posibilidades de convertir a los visitantes.

Amazon investigó el impacto de la velocidad de carga de la página en sus ventas. Determinó que la empresa puede perder 1.600 millones en ingresos anuales si el tiempo de carga de su sitio aumenta en un segundo. Los datos de Search Engine Journal también informan que el 70 por ciento de los consumidores cree que la velocidad del sitio tiene un impacto significativo en sus decisiones de compra.

Por lo tanto, al optimizar la velocidad de su sitio, puede esperar un crecimiento decente en las clasificaciones, las conversiones y, en última instancia, las ventas.

4. Pone en juego la lealtad del cliente

Reconsideremos los puntos que destacamos anteriormente: una velocidad de carga de página lenta aleja a los consumidores y conduce a tasas de conversión más bajas.

Además de esto, es menos probable que los clientes vuelvan a visitar un sitio que ofrece una mala experiencia de usuario (UX). Por lo tanto, una velocidad lenta del sitio web también afecta la lealtad del cliente.

De hecho, HubSpot dice que el 80 por ciento de los clientes insatisfechos por el bajo rendimiento de un sitio no volverán a comprar en ese sitio, lo que demuestra que las páginas de carga lenta reducen significativamente los pedidos repetidos. Una página lenta es una pérdida particularmente difícil para los sitios de comercio electrónico, cuyos ingresos dependen en gran medida de las ventas repetidas.

Además, la investigación de Akamai reveló otra preocupación importante para las empresas: el 40 % de los visitantes insatisfechos comparten sus experiencias negativas con sus contactos. Es probable que esta prueba social negativa afecte las conversiones generales y la lealtad del cliente.

5. Afecta el tráfico orgánico en el sitio

Una baja velocidad del sitio solo conduce a clasificaciones más bajas en los SERP. Y esto también significa menos tráfico orgánico a su sitio. ¿Sabías que las cinco clasificaciones principales en Google capturan el 67,6 por ciento del total de clics orgánicos ?

Si su carga no es la ideal, ya está perdiendo una cantidad significativa de tráfico orgánico. Mientras tanto, si la velocidad de la página móvil no está optimizada, pierde tráfico móvil, que puede representar hasta el 50 por ciento de sus clientes potenciales.

¿Cuál es la velocidad de carga de página ideal?

Desde el lanzamiento de Mobilegeddon Update en 2015, las empresas han reorientado su atención hacia el tiempo de carga de la página. También han estado invirtiendo más tiempo y esfuerzo en la compatibilidad con dispositivos móviles y la velocidad de la página móvil.

Pero la pregunta es: ¿cuál es la velocidad ideal de carga de la página o qué tan rápido es lo suficientemente rápido?

Según Google, el tiempo de carga de página recomendado es de menos de tres segundos tanto para computadoras de escritorio como para dispositivos móviles. Sin embargo, el tiempo promedio de carga de la página en todos los sitios en dispositivos móviles es actualmente de 22 segundos. Screaming Frog encuestó 20 000 URL para verificar si pasaban la evaluación PageSpeed ​​de Google. Encontró que solo el 12 por ciento de los resultados móviles y el 13 por ciento de los resultados de escritorio pasaron la prueba.

También debe tener en cuenta que los usuarios esperan un tiempo de carga aún más rápido de los sitios web de comercio electrónico. Maile Ohye de Google habla sobre la velocidad de carga de la página de comercio electrónico en un video de Google Webmaster . Ella dice: “ Dos segundos es el umbral para la aceptabilidad del sitio web de comercio electrónico. En Google, nuestro objetivo es menos de medio segundo”.

Ahora, medio segundo podría parecer poco realista. Sin embargo, si es propietario de un sitio web de comercio electrónico, debe apuntar a una velocidad de carga de la página inferior a tres segundos como máximo. Este punto de referencia es para dispositivos móviles y web.

La actualización más reciente: Core Web Vitals

Google no desea dejar piedra sin remover cuando se trata de UX. Y es por eso que recientemente inscribió a Core Web Vitals como un factor de clasificación importante .

Estos Core Web Vitals, en armonía con otras señales cruciales de UX, ahora afectan la clasificación. Y una de las métricas, llamada Largest Contentful Paint (LCP), está relacionada con la velocidad de carga de la página.

LCP se refiere al tiempo necesario para representar el elemento de contenido más grande en una página. Puede ser una imagen, un vídeo o cualquier otro elemento.

Según Google, la pintura con contenido más grande ideal en una página es menos de o hasta 2,5 segundos. Cualquier cosa entre 2,5 y cuatro segundos necesita mejoras, y cualquier cosa más allá de eso se considera deficiente.

Consejos técnicos para aumentar la velocidad de carga de la página

Emplear una red de entrega de contenido

Una de las mejores prácticas para reducir el tiempo de carga del sitio web es usar una red de entrega de contenido (CDN). Un CDN puede ayudarlo a reducir el tiempo de carga del sitio del 20 al 51 por ciento .

En una configuración tradicional, aloja todo su sitio web en un solo servidor. Y este servidor procesa todas las solicitudes de los usuarios del sitio. Ahora, cuando su sitio experimenta mucho tráfico, la cantidad de solicitudes aumenta significativamente. Y esto aumenta la carga en su servidor. Como resultado, aumenta el tiempo de procesamiento de la solicitud, lo que retrasa el tiempo de carga de la página.

Además, cuando un usuario está físicamente más lejos de la ubicación del servidor, experimenta un mayor tiempo de carga de la página. Esto se debe a que los datos tienen que viajar una distancia mayor, lo que aumenta el tiempo de carga.

Una CDN puede resolver estos desafíos. Los CDN funcionan alojando su sitio web en una red global de servidores. Ahora, cuando un usuario envía una solicitud, los datos se enrutan desde el servidor más cercano a su ubicación.

Además, como sus archivos se almacenan en caché en varios servidores, esto ahorra el ancho de banda hasta en un 60 por ciento. Ahora, un solo servidor no tiene que procesar todas las solicitudes.

Reduzca el número de solicitudes HTTP

Cuando un usuario solicita una página, se envía una solicitud HTTP para cada componente de la página. Yahoo informa que los servidores web usan el 80 por ciento del tiempo de carga de la página descargando estos componentes. Estos incluyen las imágenes de su página, scripts, medios, hojas de estilo, etc. Por lo tanto, el tiempo de procesamiento de la página aumenta si hay una gran cantidad de componentes en la página.

Entonces, ¿cómo puede verificar la cantidad de componentes de la página y el tiempo que lleva cargar cada uno de ellos?

Los usuarios de Chrome pueden seguir estos pasos:

Nota: use las herramientas para desarrolladores del navegador Chrome para verificar la cantidad de solicitudes HTTP.

• Siga la pestaña "Inspeccionar" haciendo clic derecho en su página.
• Haga clic en la pestaña "Red", que encontrará después de arrastrar el borde izquierdo.
• Aquí, la columna "Nombre" muestra todos los componentes de la página.
• La columna "Tamaño" enumera el tamaño de cada componente relevante.
• También puede verificar el tiempo que tarda cada vez en cargar a través de la columna "Tiempo".
• El número total de solicitudes se puede ver en la esquina inferior izquierda.

Ahora puedes consultar los elementos que no te sirven y el tiempo que tardan en cargar.

También debe reducir la cantidad de solicitudes HTTP. Una forma de hacerlo es minimizando y combinando los archivos de la página web. Descubre cómo en el siguiente punto.

Minificar y combinar HTML, CSS y JavaScript

Sus archivos HTML, CSS y JavaScript forman la apariencia y la funcionalidad de su sitio. Y estos archivos constituyen una parte importante de las solicitudes HTTP. Por lo tanto, cuando desee reducir la cantidad de solicitudes HTTP, debe minimizar los archivos de página.

La minimización de archivos HTML, CSS y JavaScript reduce considerablemente su tamaño. Este proceso permite una carga más rápida de estos archivos. Además, hay espacios en blanco adicionales, sangría y formato en el código, lo que hace que la página sea pesada.

Minimizar su página lo ayuda a eliminar todos estos elementos innecesarios y hacer que la página sea más delgada.

Se vuelve aún más crucial cuando tiene un sitio web basado en plantillas. Los sitios web basados ​​en plantillas son más fáciles de desarrollar, pero pueden ofrecer piezas de código desordenadas que ralentizan el rendimiento del sitio.

Minificar es la forma correcta de resolver estos problemas y reducir el tamaño del archivo de código. Junto con la minimización, también debe combinar estos archivos para reducir la cantidad total de archivos. Entonces, si tiene varios archivos CSS y JavaScript, puede combinarlos en un solo archivo. Si WordPress impulsa su sitio, puede usar el complemento WP Minify o el complemento WP Rocket.

Todas estas herramientas lo ayudarán a minimizar y combinar los archivos HTML, CSS y JavaScript con facilidad.

No olvide agregar el encabezado Expires para el almacenamiento en caché del navegador

Los navegadores pueden almacenar en caché una parte importante de los archivos de su página. Estos incluyen sus imágenes, archivos JavaScript, elementos dinámicos, etc.

Al habilitar el almacenamiento en caché del navegador, está permitiendo que su navegador almacene una página en la memoria caché. Entonces , cuando vuelve a visitar esta página, se carga desde el caché sin enviar solicitudes HTTP.

Una forma de aprovechar el almacenamiento en caché del navegador para su sitio es agregar el encabezado "caduca".

El encabezado "caduca" le dice al navegador web que cargue una página desde la memoria caché. Por lo tanto, el encabezado "caduca" solo funciona para los usuarios que han visitado su sitio anteriormente. También deben tener su página almacenada en su memoria caché.

Cuando este usuario vuelve a visitar su sitio, el encabezado "caduca" le indica al navegador que cargue la versión en caché de la página.

Ahora, dado que muchos componentes de la página ya están en la memoria caché, se cargan más rápido. Y el navegador solicita solo unos pocos componentes de la página, lo que reduce el tiempo de carga de la página.

El almacenamiento en caché del navegador reduce la cantidad de solicitudes HTTP, lo que aumenta aún más la velocidad de carga de la página.

Emplear carga asíncrona

Puede aumentar la velocidad de carga de su página eligiendo la forma en que se cargan los archivos CSS y JavaScript. Los archivos CSS y JavaScript se cargan de forma sincrónica y asincrónica, y puede decidir cómo desea que se carguen en sus páginas web.

Como sugiere la palabra, cuando los scripts se cargan sincrónicamente, se cargan uno tras otro. Y cada script sigue un orden de carga según su posición en la página. Por otro lado, cuando se carga de forma asíncrona, se pueden cargar varias secuencias de comandos simultáneamente.

Cuando su navegador carga una página, sigue un patrón de carga de arriba a abajo.

Por ejemplo:

• Si el navegador encuentra un archivo CSS o JavaScript síncrono, cargará el archivo por completo antes de continuar. Esta orden ralentiza el proceso de carga.
• Mientras tanto, si encuentra un archivo asíncrono, comenzará a cargar otro elemento simultáneamente. Por lo tanto, no tiene que esperar a que un elemento termine de cargarse antes de seguir avanzando.

Esto nos dice que debe elegir que sus archivos CSS y JavaScript se carguen de forma asincrónica para lograr tiempos de carga más rápidos. Si tiene un sitio de WordPress, WP Rocket lo ayudará a habilitar la carga asíncrona.

Use WP Smush para comprimir la imagen de su sitio

La optimización o compresión de imágenes es crucial para reducir el tiempo de carga de la página. A menudo, los archivos de imagen son grandes y retrasan el tiempo de carga de la página. Sin embargo, no puede limitar el uso de imágenes o eliminarlas. Las imágenes son cruciales para la experiencia del usuario de su sitio, especialmente para un sitio de comercio electrónico. Según una encuesta, el 66 por ciento de los consumidores requieren al menos tres imágenes de productos antes de comprar el producto.

Una forma sencilla de comprimir imágenes de sitios para sitios web de WordPress es mediante el complemento WP Smush . Este complemento funciona en segundo plano para comprimir las imágenes mientras las carga. El resultado es un tamaño de imagen reducido sin comprometer la calidad.

Aplazar archivos JavaScript mientras se carga la página

Aplazar los archivos JavaSscript es una buena manera de reducir la tasa de rebote en su sitio. Es el proceso de quitar prioridad a la carga de archivos JavaScript hasta que se carguen otros elementos de la página. Los archivos JavaScript suelen ser grandes y es probable que tarden más tiempo en cargarse. Al diferirlos, permite que otros elementos de la página se carguen más rápido sin demora.

Los propietarios del sitio de WordPress pueden simplemente habilitar el aplazamiento utilizando el complemento WP Rocket . Solo necesita marcar la casilla "Cargar archivos JS diferidos" y guardar los cambios.

Para un sitio HTML, llame a un archivo JavaScript externo encima de la etiqueta </body>.

Entonces, ¡ahí lo tienes! Implemente estos consejos para su sitio web para aumentar la velocidad de su página y mejorar su visibilidad en los motores de búsqueda.