Cómo Aumentar la Velocidad de la Página

Graphic for How to Increase Website Speed

Si un usuario hace clic en una página de tu sitio web y se encuentra esperando más de unos segundos a que la página se cargue, es probable que la abandone y esto puede costarte una conversión.

Por suerte, existe un remedio para aumentar la velocidad de la página, pero implica la identificación del problema o problemas que causan tiempos de carga lentos.

Como puede ser difícil determinar con precisión cuál es el problema, puedes utilizar herramientas como PageSpeed Insights de Google para obtener ayuda. La herramienta considera varios factores para determinar una puntuación general del tiempo de carga. Al analizar la velocidad de la página, Google ofrece una lista de métricas que contribuyen a la puntuación. Veamos cuáles son esas métricas.

Aumenta la velocidad de la página con los datos de campo de PageSpeed Insights de Google

El primer conjunto de información que te proporciona PageSpeed Insights se denomina datos de campo. Incluye diversos aspectos de tu sitio. (También puedes obtener más información sobre las core web vitals y cómo afectarán a la velocidad y a tu rendimiento en las SERP).

Page speed insights for How to Increase Website Speed

1. First Contentful Paint (FCP)

El FCP se trata de cuando tu navegador muestra la información inicial. Eso incluye texto, imágenes (incluidas imágenes de fondo), cuadros que no sean blancos y gráficos vectoriales escalables (SVG).

2. Largest Contentful Paint (LCP)

El LCP es una métrica de experiencia de Google que mide el tiempo que tarda en cargarse la mayor cantidad de información en la página. Google utiliza el LCP como factor de posicionamiento de las páginas.

3. Cumulative Layout Shift (CLS)

El CLS es otro factor de posicionamiento que utiliza Google. Se trata de un desplazamiento inesperado —es decir, un salto a otras ubicaciones de la pantalla— de los elementos de la página a medida que se carga. Es un indicio de mala codificación y puede ser causado por imágenes, anuncios, vídeos, formularios de contacto y fuentes.

4. First Input Delay (FID)

El FID mide el tiempo de respuesta del sitio cuando un usuario interactúa con él por primera vez. Si el usuario hace clic en un vídeo, el tiempo que tarda en reproducirse es tu FID.

Uso de datos de laboratorio para aumentar la velocidad de la página

El segundo conjunto de elementos se denomina datos de laboratorio (lab data). Incluye los elementos anteriores, así como el tiempo total de bloqueo, el tiempo para interacción y el índice de velocidad.

Lab data for How to Increase Website Speed

1. Speed Index (SI)

El SI mide el tiempo medio que tardan en hacerse visibles todos los elementos de una página. Medido en milisegundos, calcula el tiempo que tardan los elementos visuales en cargarse en la parte superior de la página —la parte de una página web que se ve antes de que el usuario tenga que desplazarse.

2. Time to Interactive (TTI)

El TTI mide el tiempo que tardan todos los elementos interactivos de una página en ser completamente funcionales. Es el tiempo que transcurre entre el FCP y el momento en que la página puede manejar la acción del usuario.

3. Total Blocking Time (TBT)

El TBT mide el tiempo entre el momento del FCP y el momento en que un sitio se vuelve interactivo.

¿Por qué es importante mejorar la velocidad de la página?

La velocidad de la página afecta a la experiencia del usuario, que puede hacer que tu sitio sea un éxito o un fracaso. Una velocidad de página más rápida mejora la experiencia del usuario y puede aumentar las visitas a la página y las conversiones y reducir la tasa de rebote. Entremos en más detalles sobre los beneficios de mejorar la velocidad de la página.

1. Mejorar la experiencia del usuario aumentando la velocidad de la página web

Según nuestra investigación, el 47% de los consumidores esperan que un sitio web se cargue en no más de dos segundos.

Load time & abandonment rates for How to Increase Website Speed

Cada segundo posterior perjudica la experiencia del usuario. Los espectadores no quieren esperar a que tu página se cargue y, a menudo, rebotarán para buscar otro negocio que proporcione una mejor experiencia de usuario.

2. Aumentar las visitas a la página

Es posible que hayas notado que algunas de las métricas que mencioné anteriormente, a saber, el LCP y el CLS, afectan al posicionamiento de la página en Google. En su búsqueda por proporcionar resultados de alta calidad para los usuarios, Google emplea métricas que miden los tiempos de carga. Por lo tanto, cuanto mejor sea la velocidad de tu página, mejor será tu posicionamiento en Google.

3. Aumentar las conversiones

Si tus páginas se cargan rápidamente, es lógico que tus usuarios estarán más contentos y dispuestos a convertirse en clientes. En 12 estudios de casos realizados por HubSpot, descubrieron que la diminución del tiempo de carga de la página aumentaba las conversiones entre un 3% y un 17%.

Hicimos los cálculos. Si tienes un sitio de comercio electrónico que gana 10.000 dólares al día, un retraso de un segundo en la carga de la página podría costarte 2,5 millones de dólares al año.

4. Disminuir la tasa de rebote

Según Think with Google, cuando el tiempo de carga de tu página aumenta de uno a tres segundos, la probabilidad de rebote se incrementa en un 32%. Si aumenta de uno a cinco segundos, esa probabilidad aumenta un 90%.

La diferencia de unos pocos segundos está entre mantener y convertir a los usuarios o verlos irse a otra parte.

8 formas de aumentar la velocidad de la página

Para obtener una referencia de la velocidad actual de tu página, prueba tu sitio con una herramienta como PageSpeed Insights de Google.

Google PageSpeed Insights for How to Increase Website Speed

Te pedirá que introduzcas una URL y se tomará unos minutos para analizar tu página.

Cuando termine, obtendrás una puntuación general parecida a la siguiente.

Google PageSpeed Insights score for How to Increase Website Speed

Se trata de una puntuación bastante baja, pero no entres en pánico. Google explica que hay una serie de factores que pueden afectar a la puntuación final e incluso hacer que varie. Algunos de estos factores incluyen:

  1. Realizar pruebas A/B
  2. Cambiar los anuncios que aparecen en la página
  3. Hacer cambios en el enrutamiento del tráfico de Internet
  4. Llevar a cabo pruebas en diferentes dispositivos, como una computadora de escritorio de alto rendimiento y una computadora portátil de bajo rendimiento
  5. El uso de extensiones de navegador que inyectan JavaScript, que pueden agregar o modificar solicitudes de red
  6. El uso de software antivirus

Google puede analizar estos factores y ofrecerte una lista de oportunidades y diagnósticos para ayudarte a acelerar el tiempo de carga de tu página.

Google PageSpeed Insights opportunities for How to Increase Website Speed

También puedes probar las siguientes acciones para aumentar la velocidad de la página:

1. Limitar las redirecciones

Cuantas más redirecciones tengas, más tardará el servidor en encontrar y cargar la página correcta. Elimina las redirecciones innecesarias siempre que puedas.

2. Incluir la barra diagonal final

No te olvides de incluir la barra al final de la URL. Al hacerlo, le indicas al servidor que no hay directorios de archivos en los que buscar, y que esta página es el destino final.

Así, en lugar de www.neilpatel.com/ubersuggest, la URL debería ser www.neilpatel.com/ubersuggest/.

Así ahorrarás una fracción de segundo en el tiempo de carga, y cada milisegundo cuenta.

3. Comprimir y optimizar las imágenes

Los archivos de imagen grandes o muchas imágenes pueden consumir mucho tiempo de carga de tu página. Asegúrate de redimensionar y comprimir correctamente todas tus imágenes.

También deben guardarse en el formato adecuado. Los archivos PNG y JPEG son los más fáciles de comprimir, y todos los navegadores los admiten.

Comprimir una imagen reduce el tamaño del archivo y se representa en kilobytes y megabytes. Por regla general, las imágenes de alta calidad pueden comprimirse entre un 60% y un 80%. Nunca debes tener una imagen de más de 1 MB.

Redimensionar cambia el tamaño de la imagen en la página. Las imágenes principales pueden ocupar todo el ancho de tu sitio (o unos 1900 píxeles), mientras que las imágenes más pequeñas deberían tener 700 píxeles o menos. Siempre puedes reducir el tamaño, pero es muy difícil aumentar el tamaño sin que la imagen parezca pixelada.

4. Usar una red de distribución de contenidos (CDN)

Con una CDN, una red de servidores aloja tu sitio localmente para acelerar los tiempos de carga de la página. Un usuario de Dublín que acceda a un sitio web alojado en Los Ángeles, por ejemplo, no tendría que hacer ping al servidor de origen, sino a uno más cercano en Irlanda.

Al repartir el contenido en varios servidores, se reduce el número de peticiones al servidor de origen, lo que evita que se ralenticen los tiempos de carga.

5. Limita los plugins y los elementos adicionales de la página

Los plugins, JavaScript y otros elementos adicionales aumentan el tiempo de carga de la página. Debes incluir solo los elementos que sean necesarios para tu página.

Por supuesto, hay plugins hechos para ayudar con la velocidad del sitio. Los plugins que cambian automáticamente el tamaño de las imágenes, minifican el código y aplazan la carga de JavaScript pueden contribuir a la velocidad de la página. Tienes que determinar si lo que ofrecen esos plugins vale la pena a cambio de la velocidad de la página.

6. Minificar tu HTML o CSS

Cuando minificas el código de tu sitio, eliminas todos los espacios, notas y marcas adicionales que los desarrolladores utilizan para que tu código sea legible y más fácil de trabajar en el futuro. Un servidor no necesita todo eso para leer HTML, JavaScript o CSS, y puede ralentizar la velocidad de carga de una página.

Existen herramientas que te ayudarán a minificar tus sitios:

  • YUI Compressor from Yahoo! para CSS
  • Google Closure Compiler para JavaScript
  • Microsoft Ajax Minifier para CSS
  • HTMLMinifier para HTML

7. Utilizar el almacenamiento en caché

Cuando un sitio almacena en caché, el servidor guarda copias de sus páginas, por lo que no tiene que empezar desde cero cada vez que carga el sitio. Al usar el almacenamiento en caché, puedes reducir el tiempo de carga de la página.

8. Elegir cuidadosamente tu proveedor de alojamiento web

Cuando se trata de alojamiento web, se obtiene lo que se paga. Los planes más baratos pueden no ser capaces de manejar tanto tráfico, lo que podría ralentizar la velocidad de tu página.

Hay cuatro tipos de servicios de alojamiento web entre los que puedes elegir:

  • Alojamiento compartido: un único servidor aloja varios sitios pequeños. El precio del alojamiento compartido es bajo, pero un aumento del tráfico en otros sitios alojados puede ralentizar el tuyo.
  • Alojamiento VPS: un servidor virtual privado, o VPS, aloja muchos sitios, pero cada uno tiene un “lugar” virtual dedicado. Debido a que es virtual, te proporciona más recursos, reduciendo potencialmente el riesgo de problemas de velocidad del sitio relacionados con el tráfico.
  • Alojamiento en servidor dedicado: un sitio se aloja en un único servidor. Aunque es más caro, ayuda a reducir o eliminar el riesgo de perder velocidad en la carga del sitio debido a los aumentos de tráfico de otros sitios.
  • Alojamiento en la nube: los sitios web se alojan en una red de servidores virtuales y físicos que ofrecen más recursos y más flexibilidad. Si de repente se produce un aumento del tráfico, un alojamiento virtual se ampliará para gestionarlo.

Para elegir el servicio de alojamiento adecuado para tu sitio, ten en cuenta el tamaño de tu sitio y tu presupuesto.

Conclusión

Un tiempo de carga rápido siempre ha sido un componente importante de la experiencia del usuario. Ahora que es uno de los componentes del algoritmo de Google, la velocidad de la página se ha convertido en un factor crítico para el posicionamiento y las visitas a la página.

Para mejorar la velocidad de la página, ten en cuenta los problemas comunes que hacen que las páginas se carguen lentamente, como las imágenes demasiado grandes o el uso de demasiados plugins.

Si no tienes éxito o te sientes abrumado por las prácticas que aumentan la velocidad de la página, puedes contar con nuestra agencia para guiarte en el proceso.

¿Has echado un vistazo a la velocidad de tu sitio? ¿Cuáles son las causas más comunes de un tiempo de carga más lento en tu caso?

Compartir

Neil Patel

source: https://neilpatel.com/es/blog/como-aumentar-la-velocidad-de-la-pagina/