Oferta de Cyber ​​Week: Hasta 86 % de DTO

05

:

20

:

07

:

55

blog Zyro

Todos los temas
Blog eCommerce Consejos para pequeñas empresas Diseño Esenciales web Ideas para empresas Inspiración Marketing Noticias de Zyro

Cómo acelerar la velocidad de una página web

¿Qué tan rápida es la velocidad de tu página web cuando alguien la visita?

Dado que Google prioriza la velocidad de la página como una métrica de clasificación, un sitio web de carga lenta puede amenazar la clasificación de tu motor de búsqueda.

A menos que seas un profesional del desarrollo web, optimizar el tiempo que tarda en cargar tu sitio web puede parecer difícil.

Pero afortunadamente, hay formas fáciles de mejorar los tiempos de carga de tu página.

En este artículo proporcionaremos una guía completa sobre cómo acelerar una página web.

También discutiremos qué hace que un sitio web se cargue más rápido, por qué la velocidad del sitio es importante y del tiempo ideal de carga de la página web, todo respaldado con estadísticas.

kilometraje automóvil

La velocidad de una página web es importante y este es el porqué

¿Cuántas veces hiciste clic en un enlace, esperaste una eternidad para que se cargara, solo para cerrar la pestaña después de unos segundos? 

No estás solo en esto: las estadísticas del tiempo de carga de sitios web han demostrado una y otra vez que la velocidad de las paginas web y el tiempo total de carga pueden costarte dinero.

Sabías que: 

  1. El 40% de las personas abandona un sitio web si la página tarda más de 3 segundos en cargarse.
  2. El 47% de los usuarios espera que una página se cargue en 2 segundos o menos.
  3. El 40% de los consumidores no esperará más de 3 segundos a que se procese una página web antes de cerrar la ventana.
  4. Más del 70% de los visitantes abandonarán un sitio web que tenga un tiempo de carga superior a 5 segundos.
  5. Solo el 30% de los usuarios de Internet tienen la paciencia de esperar entre 6 y 10 segundos a que se cargue una página antes de hacer clic.
  6. Un retraso de 1 segundo en la respuesta de la página puede provocar una caída del 7% en la tasa de conversación general
  7. Casi el 80% de los compradores no volverán a un sitio web si tuvieron problemas con el tiempo de carga.
  8. Después de solo 3 segundos, más de la mitad de los usuarios de dispositivos móviles dejarán una página y se dirigirán a otra parte.
  9. El 60% de los usuarios de dispositivos móviles en el último año informaron haber tenido problemas al navegar por diferentes sitios web, lo que los llevó a abandonar la página.
  10. Dependiendo de las fuentes, entre el 12% y el 44% de los usuarios compartirán sus experiencias negativas de tiempo de carga y advertirán a otros que eviten un sitio web en particular.
  11. El tiempo medio de carga de una página móvil fue de unos 15 segundos en 2018, mientras que el tiempo de carga óptimo para las landing pages móviles permanece por debajo de los 3 segundos.
  12. Las tasas de rebote aumentan más del 30% cuando el tiempo de carga de la página aumenta de 1 a 3 segundos.
  13. Del mismo modo, si el tiempo de carga de la página aumenta de 1 a 5 segundos, la probabilidad de que los usuarios abandonen aumenta en un 90%.
  14. Se necesitan en promedio 10 segundos en el escritorio y 27 segundos en el dispositivo móvil para que una página se cargue por completo.
  15. En promedio, una página de destino tarda casi un 90% más en cargarse en un dispositivo móvil que en una computadora de escritorio.
  16. Las páginas grandes tardan un 315% más en cargarse por completo (incluidas todas las imágenes), en comparación con las páginas ligeras más pequeñas y totalmente optimizadas.
  17. Según Google, aumentar el tiempo de carga de la página de 1 a 3 segundos aumenta la tasa de rebote en más del 30% y cuando el tiempo de carga es de hasta 5 segundos, las tasas de rebote se disparan al 90%.

Así que ir a una velocidad de carga lenta no solo daña tu SEO y hace que sea más difícil para las personas encontrarte, sino que pueden existir consecuencias graves si estás tratando de construir una marca o abrir un eCommerce.

Cómo acelerar la carga de páginas web

Pero no todo está perdido: hay algunas soluciones rápidas que pueden ayudarte a mejorar la velocidad promedio de tu página.

Plantillas Zyro

Paso 1. Elige la plantilla adecuada

Seamos honestos: no se puede obtener tráfico con solo tener una plantilla atractiva . También debe optimizarse para una velocidad de página web rápida.

Tu mejor opción es elegir una plantilla generalmente liviana. 

Esto básicamente se refiere a una plantilla que no tiene demasiados elementos diferentes en su diseño, lo que significa menos cosas para cargar.

Resumido:

  • El diseño web ligero es eficiente con su estructura de código. Esto significa extraer los archivos HTMLCSS y JavaScript que componen una plantilla.
  • Cada elemento de diseño debe contribuir al valor estético y funcional del sitio web.
  • Google clasifica los sitios web optimizados para dispositivos móviles en primer lugar, lo que significa que la plantilla de tu sitio debe ser receptiva para dispositivos móviles y compatible con SEO.

Paso 2. Optimiza todas tus imágenes

La verdad es que la mayoría de los sitios web tienen imágenes que complementan el contenido. 

Y ciertos sitios web, como los eCommerce y los portfolios en línea, muestran cientos de imágenes en el mejor de los casos.

Entonces, si bien es vital usar imágenes de alta calidad, llenar tus páginas con archivos grandes puede disminuir significativamente la velocidad de la página de tu sitio web.

Es por eso que optimizar tus imágenes es una necesidad absoluta. Y por optimización nos referimos a comprimir el tamaño del archivo de la imagen sin afectar su calidad.

Caja fuerte en fondo naranja

Paso 3. Mantén tu sitio web seguro

¿Te sentirías cómodo navegando por un sitio web que no tiene un candado verde en la barra de direcciones?

Nosotros tampoco.

Asegurar tu sitio web significa agregar funciones de seguridad para prevenir ataques cibernéticos. No quieres arriesgarte a que alguien corrompa todos tus datos con scripts maliciosos, ¿verdad?

La mayoría de los navegadores modernos comprueban los certificados SSL y el contenido potencialmente malicioso antes de cargar la página.

Si tu sitio no cumple con los estándares de la industria, correrás el riesgo de que la página no cargue. Lo que se traduce en una mala experiencia de usuario. 

Un Secure Sockets Layer (SSL) asegura la comunicación entre tus usuarios y tu servidor al encriptar los datos transferidos entre ellos.

Verifica la identificación de tu sitio web, lo que garantiza a los usuarios y motores de búsqueda que estás ejecutando un sitio honesto y de buena reputación.

  • Un SSL es esencial para todos los sitios web, particularmente aquellos que solicitan información confidencial de los usuarios, como tiendas en línea con una página de pago.
  • La instalación de un SSL en tu sitio te permite utilizar el protocolo HTTPS. Esto habilita el cifrado de la comunicación servidor-cliente, lo que da como resultado el pequeño candado en la barra de direcciones.
  • Hoy en día, la mayoría de los navegadores requieren que los sitios web utilicen un certificado SSL como medida de seguridad esencial.
  • Tener un certificado SSL en tu sitio web hace que el proceso de verificación del navegador sea más fácil, que resulta en mejoras de velocidad de la página web en general.

Paso 4. Limita el uso de iFrames

Un iFrame, abreviatura de marco en línea, es una etiqueta HTML. Se utiliza para presentar elementos externos de otros sitios web en el tuyo.

Más específicamente, se usa para incrustar contenido como videos de YouTube, Google Maps e incluso anuncios como banners.

  • Si bien el uso de iFrames puede liberar espacio de almacenamiento, la etiqueta ralentiza el rendimiento de tu sitio web, incluida la velocidad de página web.
  • Con iFrames un navegador tiene que cargar sus scripts y realizar búsquedas de DNS adicionales en la página de origen.
  • El JavaScript que bloquea el procesamiento también puede retrasar el tiempo de respuesta del navegador, lo que resulta en páginas de carga lenta.
  • Los iFrames también conllevan riesgos de seguridad que pueden poner en peligro la experiencia general del usuario. Si insertas contenido de un sitio malicioso, creas debilidades para que los piratas informáticos las aprovechen.

Si quieres acelerar una web y ocupar un lugar destacado en los resultados de búsqueda de Google, lo mejor es reducir la cantidad de iFrames.

Enlace de error 404 en la pantalla de un computador portátil

Paso 5. Elimina los enlaces rotos

Los enlaces rotos llevan a los usuarios de Internet a una página o un archivo que ya no está disponible.

Este evento desencadena un mensaje de error 404.

Y cuantos más errores pueda encontrar Google en tu sitio web, más puede dañar la experiencia del usuario. A nadie le gustan las páginas de error, ¿o no? 

Estos callejones sin salida digitales, a su vez, aumentan la tasa de rebote, reducen tu tráfico general y la tasa de conversión y, lo más importante, perjudican tu SEO.

Además, muchos enlaces rotos tienen un impacto negativo directo en la experiencia del usuario y pueden ralentizar la velocidad de una página web en general.

Es por eso que es esencial revisar regularmente tu sitio web en busca de enlaces rotos y eliminarlos por completo cuando los detectes.

Hay muchas herramientas de verificación de enlaces rotos como Dead Link Checker y Broken Link Check.

Estas herramientas te ayudan a identificar enlaces defectuosos en tu sitio web para que puedas eliminarlos o reemplazarlos por otros que funcionen.

Paso 6. Optimiza la ubicación de tu contenido

Cuando visitas un sitio web tu navegador cargará primero cualquier contenido en el pliegue superior de la página.

Esto significa que el usuario solo verá el contenido que está visible en la parte superior de la página y que se ajusta a la pantalla de su dispositivo. 

  • Para cargar las partes inferiores debajo del pliegue, primero debes desplazarte hacia abajo y llegar hasta ahí.
  • Al asegurarte de que el contenido de la parte superior de la página sea liviano, se cargará mucho más rápido.
  • La optimización de la ubicación del contenido es importante. La velocidad de tu página web mejorará, junto con la experiencia del usuario, y tu tasa de rebote se reducirá.

Esta estrategia es ideal para sitios web que utilizan contenido visual de gran tamaño.

Deja que los usuarios vean una parte del sitio web mientras el navegador carga el resto de los elementos.

Una bandeja de galletas en un jardín

Paso 6. Utiliza cookies y almacenamiento en caché

Si has estado en Internet por un tiempo, probablemente te hayas encontrado con la palabra “caché”. 

El almacenamiento en caché se refiere a la práctica de un navegador que guarda copias temporales de archivos de páginas web (por lo general, contenido HTML estático, como imágenes y videos), lo que agiliza el proceso de carga de la página. 

Esto mejora la experiencia del usuario para los visitantes recurrentes, ya que la landing page se cargará más rápido.

Las cookies, por otro lado, son pequeños archivos de texto que ayudan a identificar al usuario y rastrearlo mientras explora tu sitio. 

De esta manera, los usuarios pueden guardar información como detalles de inicio de sesión e incluso preferencias de productos.

Si bien el almacenamiento en caché tiene un impacto más directo en la velocidad de una página web, las cookies pueden ayudar a mejorar la experiencia general del usuario y hacer que los inicios de sesión sean más rápidos para los visitantes.

Sin embargo, presta atención a tu banner de cookies: opta por un diseño ligero, o el banner solo ralentizará tu sitio 2 segundos adicionales o más.  

Paso 7. Utiliza una red de entrega de contenido (CDN)

Una CDN funciona según el principio de que el contenido de tus landing pages se distribuye a una red de servidores en todo el mundo.

No tendrás que depender de un solo servidor para enviar tu contenido a un usuario en los Estados Unidos y otro en el Reino Unido; en su lugar, el servidor de los EE. UU. Distribuirá el contenido al usuario de los EE. UU., Y así sucesivamente.

Las redes de entrega de contenido ayudan a mejorar la velocidad de una página web, ya que reducen el estrés del servidor al compartir el tráfico de manera más efectiva. 

Cloudflare Cloud CDN de Google son CDN populares, pero hay muchos proveedores que se adaptan a diferentes presupuestos y necesidades. 

Larga exposición con luces de un auto en la carretera

¿Qué hace que un sitio web cargue rápido?

Hay varios factores importantes que contribuyen a la velocidad de una página web. Incluyen alojamiento y caché del navegador.

Servicio de alojamiento confiable

La calidad de tu alojamiento web decide la velocidad de tu sitio.

  • Encontrar el plan de alojamiento adecuado requiere una investigación exhaustiva.
  • Como existen muchos tipos de alojamiento, debes tener en cuenta las necesidades de tu sitio web y el volumen de tráfico que esperas.
  • Es esencial ir con un proveedor de alojamiento de buena reputación con soporte útil, seguridad confiable y suficientes recursos para el rendimiento de tu sitio web.

Almacenar en el caché del navegador

El almacenamiento en caché del navegador permite que un navegador almacene elementos estáticos después de cargar la página web por primera vez.

De esta forma, el navegador puede recuperar los datos almacenados localmente cada vez que el usuario visita la página. Esto te evita tener que enviar nuevas solicitudes HTTP y descargar elementos cada vez.

Al habilitar el almacenamiento en caché del navegador, reduces el tiempo de carga de la página. También ahorras en los recursos que usa tu servidor con solicitudes HTTP durante los picos de tráfico.

Los elementos que se guardan durante el almacenamiento en caché del navegador incluyen imágenes, HTML, CSS y archivos JavaScript.

Comprimir imágenes

Cuando comprimes imágenes normalmente no recortas nada. En la mayoría de los casos, la compresión tampoco produce pérdida de calidad.

Hay dos tipos de compresión de imágenes: con pérdida y sin pérdida.

  • La compresión con pérdida elimina algunos de los datos de la imagen para reducir su tamaño. Este método puede comprometer la calidad de una imagen si se hace en exceso, así que ten en cuenta hasta dónde llegas.
  • La compresión sin pérdida descarta los metadatos de la imagen para reducir el tamaño del archivo. Si bien conserva la calidad de la imagen, el tamaño no será tan pequeño como con la compresión con pérdida.

El método sin pérdida significa que puedes restaurar la imagen comprimida a su versión anterior, cosa que no puedes hacer con compresión con pérdida.

Es mejor experimentar con ambos métodos para saber qué tipo de compresión es el adecuado para optimizar tus imágenes.

Las herramientas en línea como Compressor.io o ShortPixel son excelentes lugares para comenzar. 

Ambas plataformas te brindan información sobre el tamaño del archivo, los formatos y las diferencias de calidad después de la compresión.

Usar los tipos de imágenes correctos

No lo creas, pero los tipos de imágenes juegan un papel importante en la calidad y el tiempo de carga.

Los tipos imágenes más comunes que se encuentran en línea son PNG , JPEG y GIF.

  • El formato PNG suele ser el de mayor calidad. Es mejor para mostrar gráficos con pequeños detalles y texto, como iconos, fotografías de productos en eCommerce y capturas de pantalla.
  • El formato JPEG es ideal para fotografías con muchos datos de color. Puedes usar compresión con pérdida y sin pérdida para este tipo de archivo y no obtener una caída de calidad notable. Dado que la teoría del color realmente puede afectar la forma en que los compradores en línea toman decisiones de compra, JPEG es tu amigo si estás tratando de atraer a los visitantes del sitio con gráficos coloridos.
  • El formato GIF es el mejor para animaciones. El contenido visual complejo y estático puede encontrar este formato limitante, ya que solo admite 256 colores. La compresión sin pérdida funciona mejor para archivos GIF, ya que te permite mantener la calidad de la animación. Los GIF son ideales para materiales de marketing más prácticos, como publicaciones en redes sociales, artículos en blogs y boletines informativos. 

No abusar de los complementos

Si bien los complementos son muy útiles y generalmente ayudan a facilitar un poco la vida del propietario del sitio web, exagerar puede dañar seriamente la velocidad de tu página y sitio. 

La cuestión es que todos los complementos de tu sitio comparten los mismos recursos del servidor. Y cuantos más complementos tengas compitiendo por parte del poder, más tardarán en cargarse todas las páginas.

Comienza por auditar todos los complementos que has instalado en tu sitio web (incluido el móvil). 

Luego desinstala todos los complementos que no estés utilizando y podrás disminuir fácilmente la velocidad de tu página web y los tiempos de carga en cinco segundos o más. 

¿Por qué importa la velocidad de una página web?

Pero por qué gif

El tiempo de carga de tu página es uno de los factores clave para el éxito de tu sitio web porque el 70% de los consumidores consideran que la velocidad del sitio es un factor clave que determina su decisión de compra.

Es seguro decir que la velocidad de la página web impacta directamente en los resultados de tu negocio y no debes pasarlo por alto. 

De hecho, la alta velocidad del sitio móvil tiene un efecto directo y positivo en la cantidad de visitas a la página, las tasas de conversión y los valores promedio de los pedidos.

Cuanto más rápido sea el tiempo de carga de tu sitio web, menor será tu tasa de rebote.

En pocas palabras, la tasa de rebote de tu sitio representa la satisfacción de los visitantes con tus páginas web

Tener una alta tasa de rebote significa que los usuarios hacen clic para salir de tu sitio después de navegar por tu contenido solo por un corto período de tiempo.

Por lo tanto, tener una alta tasa de rebote afecta directamente tu tasa de retención (cuántas personas regresan a tu sitio después de la primera visita) y tu tasa de conversión general (cuántas personas realizan una compra, se comunican contigo, se suscriben a un boletín informativo, entre otros).

Además, dado que Google favorece los sitios web de carga rápida, es poco probable que los sitios lentos ocupen un lugar destacado en las páginas de resultados de búsqueda (SERP). 

Lo que significa, a su vez, que tu sitio web recibe menos tráfico y exposición del visitante promedio.

Es por eso que es esencial encontrar el tiempo necesario para las formas de acelerar la carga de páginas web.

Dibujo de una pantalla de carga de computador sobre un fondo azul.

¿Cuánto tiempo debe tardar un sitio web en cargarse?

Para responder a esta pregunta en breve, tu sitio debe cargarse lo más rápido posible, preferiblemente en menos de 1 segundo. Dos segundos tampoco son tan malos, pero empezarás a notar la diferencia a los tres segundos.  

Como regla general, cuanto más rápida sea la velocidad de tu página, mejor. 

Hay varias formas de medir los tiempos de carga de la página:

  • Tiempo hasta el primer byte (TTFB): representa la duración necesaria para que un navegador reciba la primera información.
  • Índice de velocidad: percibe la duración de la carga completa de un sitio web en un navegador.
  • Tamaño de página: cuenta el tamaño total del archivo que utiliza tu sitio web.
  • La cantidad de recursos: la cantidad de solicitudes HTTP que hace tu sitio web y el tiempo que tarda en completarse.

Tener como objetivo que tu sitio se cargue entre dos y tres segundos es un buen punto de referencia.

Google recomienda que un sitio web tarde menos de 3 segundos en cargarse tanto en dispositivos de escritorio como móviles.

Es evidente a partir de las estadísticas de velocidad de Google que en el momento en que tu página promedio tarde cinco segundos o más en cargarse, la probabilidad de un rebote aumenta en más del 100%. 

El tiempo de respuesta del servidor también debe ser inferior a 200 milisegundos. Si el tuyo es mayor que ese, es aconsejable ponerse en contacto con tu proveedor de alojamiento y ver qué opciones tiene para acelerar las cosas. 

Google también tiene un tamaño de página ideal, lo que significa que tu contenido debería ocupar menos de 500 KB de espacio. De lo contrario, agregará segundos adicionales a la velocidad.

Sin embargo, la mayoría de los sitios web no se acercan a los estándares de Google.

En el estudio de Google, la velocidad media de una página fue de 4,7 segundos en los dispositivos de escritorio y de 11,4 segundos en los sitios móviles. 

El tamaño promedio de un sitio web fue de 1.969 MB para escritorio y 1.770 MB para dispositivos móviles, considerablemente más que los 500 KB ideales.

Si bien puede parecer que los estándares de Google son demasiado altos, cuanto más te acerques a los estándares de la industria, mejor será recibido tu sitio web por el motor de búsqueda y los usuarios por igual. 

Herramientas para comprobar la velocidad de una página web

El Internet está lleno de herramientas en línea que puedes utilizar para controlar la velocidad de tu página web.

Google PageSpeed ​​Insights es una de las mejores herramientas de optimización de sitios.

Con tecnología de Google, esta herramienta es de uso gratuito y genera un informe detallado de la velocidad de tu sitio en cuestión de segundos.

Todo lo que debes hacer es ingresar la URL de tu sitio web y la herramienta ejecutará una prueba de velocidad para evaluar el rendimiento de velocidad general.

Google PageSpeed ​​Insights también proporciona recomendaciones sobre cómo mejorar el tiempo de carga de la página.

PageSpeed ​​Insights, una herramienta para verificar la velocidad de una página web

Test My Site es otra excelente plataforma de prueba de velocidad de sitios web que puede ayudarte a mejorar el tiempo de carga en general, así como las páginas web individuales.

Esta herramienta va un paso más allá al permitirte comparar el tiempo de carga de tu página con otros sitios web. ¿A quién no le gustan las estadísticas de velocidad? 

Poder comparar tu sitio web con otros te ayuda a predecir las tasas de conversión una vez que aumenta la velocidad.

Test My Site, una herramienta para probar la velocidad de una página web

Alternativamente, puedes usar Pingdom, otra gran prueba de velocidad gratuita. Calcula el tamaño total de la página, las solicitudes HTTP y el tiempo de carga.

Al igual que en Google PageSpeed ​​Insights, Pingdom también ofrece sugerencias sobre cómo acelerar una página web.

Pingdom, una herramienta para probar la velocidad de una página web

Si bien estas herramientas brindan información útil sobre el rendimiento de tu sitio, están diseñadas para usarse como guías para acelerar la carga de páginas web en lugar de métricas fijas.

Obtendrás los mejores resultados al probar sistemáticamente diferentes técnicas de optimización de velocidad de página web y monitorear el impacto que tienen en tus estadísticas generales.

Escrito por

Avatar del autor

Luis Jordán

Luis es un profesional del eCommerce y de los constructores de sitios web que ama el marketing digital. Se dedica a ayudar a las empresas a incrementar su presencia en línea a través de las prácticas del marketing. Cuando no está sentado frente al computador, seguramente está cocinando algún platillo o entrenando.

Unirse a la conversación

Tu dirección de correo electrónico no será publicada. Todos los campos son obligatorios.

¿Listo para crear tu sitio web?