Comprender y optimizar la velocidad de su sitio web

¿Qué es la velocidad de la página?

La velocidad de la página es la cantidad de tiempo que tarda el contenido de la página de un sitio web en cargarse por completo. En un mundo en el que la gente espera resultados instantáneos, cuanto más rápido, mejor.
De hecho, casi la mitad de los usuarios de la web esperan que un sitio se cargue en 2 segundos o menos, y tienden a abandonar un sitio que no se carga en 3 segundos, según encuestas realizadas por Akamai y Gomez.com .
Pero, ¿cuánto tiempo tardan en cargarse la mayoría de los sitios web?
Los estándares que muchos han estado utilizando para el tiempo de carga de la página provienen de un estudio realizado por Geoff Kenyon Donde compara la velocidad del sitio web con el resto de la web:
● Si su sitio se carga en 5 segundos, es más rápido que aproximadamente el 25% de la web ● Si tu sitio se carga en 2,9 segundos, es más rápido que aproximadamente el 50% de la web ● Si tu sitio se carga en 1,7 segundos, es más rápido que aproximadamente el 75% de la web ● Si tu sitio se carga en 0,8 segundos, es más rápido que aproximadamente el 94% de la web
Entonces, ¿cómo puedes determinar cómo se compara tu sitio web?

Cómo determinar la velocidad y la puntuación de tu página

A continuación, te explicamos cómo medir cómo se comporta tu sitio web:
1. Entra en el archivo de tu sitio web Velocidad del sitio de Google Analytics Informes. Esto te dará una idea de cómo Su sitio ha funcionado durante varios períodos de tiempo y la velocidad de carga de cada una de sus páginas. 2. Ingresa la URL de tu sitio en Herramienta de estadísticas PageSpeed de Google . Esto le dará una boleta de calificaciones sobre El rendimiento de la velocidad de su sitio web en dispositivos móviles y computadoras de escritorio. El informe viene con Algunas acciones recomendadas que puedes realizar para mejorar la velocidad de tu sitio. 3. Comprobar Prueba de velocidad del sitio web de Pingdom para averiguar la velocidad, el rango y el porcentaje más rápido que el promedio de los sitios web probados de Pingdom 4 . GTMetrix proporcionará una visión completa del estado de optimización de la velocidad de su sitio.
Nota : No te desconsigas cuando veas diferentes tiempos de velocidad en Pingdom y Gtmetrix. Como Pingdom te mostrará el tiempo de carga (el tiempo que se tarda en mostrar el primer resultado de tu sitio web, eso es lo que Google cuenta y tú también deberías hacerlo) y GTmetrix te mostrará el tiempo de carga completa (el tiempo que se tarda en mostrar una página completa con toda su funcionalidad en ejecución).
Para una mayor comprensión, siempre es bueno ver la cascada de velocidad de ambas herramientas.

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

Cerrar la brecha entre las expectativas del usuario (2 segundos) y el tiempo promedio de carga del sitio web (5 segundos) es el objetivo de la optimización de la velocidad de la página y las tácticas que describiremos más adelante. Pero, ¿por qué es importante exactamente la velocidad de la página? Todo se reduce a 3 razones principales interconectadas:

1. La velocidad mata la experiencia de usuario

La experiencia del usuario es probablemente la razón más importante por la que deberías preocuparte por la velocidad del sitio web, así que empezaremos por aquí.
La gente ya no tiene paciencia para los sitios web de carga lenta. Al principio, el simple hecho de conectarse a Internet requería una tolerancia que ya no existe.
Hoy en día, la gente está constantemente en línea y tienes 3 segundos como máximo para mostrar tu página o se van. Más de 3 segundos crea una mala experiencia de usuario y el listón sólo va a subir en el futuro.

2. La velocidad mata el SEO

La experiencia del usuario es en realidad la fuerza impulsora detrás de las implicaciones SEO de la velocidad del sitio. Si bien Google ha tardado en revelar oficialmente si los sitios web lentos recibirían descensos en la clasificación, parece que Esos días están llegando . Debes asegurarte de que tu sitio web esté listo.

3. La velocidad mata las conversiones

El efecto de la velocidad de tu sitio en las conversiones es lo que realmente debería llamar tu atención. ¿Cómo puedes mover a las personas a través de tu embudo si cada paso lleva una eternidad? Tus súper fans lo harán, pero esas personas nuevas y vacilantes que son propensas al remordimiento de los compradores rebotarán.

8 tácticas para hacer que tu sitio web se cargue más rápido

Acelerar tu sitio no necesariamente va a ser fácil. Si tienes un sitio pequeño y ligero, es posible que solo necesites probar un par de tácticas en esta lista.
Sin embargo, los sitios grandes y antiguos con una gran cantidad de código y contenido pueden requerir cierta persistencia y la implementación de varias tácticas en la siguiente lista.
Aquí es donde empezar:

1. Aproveche el almacenamiento en caché del navegador:

Cuando visita sitios, su navegador a menudo almacena en caché las páginas del sitio para acelerar el tiempo de carga.
El almacenamiento en caché del navegador almacena los archivos de recursos de la página web en un equipo local cuando un usuario visita una página web, por lo que aprovechar el almacenamiento en caché del navegador es cuando se indica a los navegadores cómo se deben tratar sus recursos.
Las cosas pueden ralentizarse cuando la respuesta del servidor no incluye encabezados de almacenamiento en caché o si se especifica que los recursos se almacenarán en caché solo durante un breve período de tiempo.
Aprovechar el almacenamiento en caché cargará sus páginas mucho más rápido para los visitantes habituales, al igual que otras páginas que comparten esos mismos recursos.
A continuación te explicamos cómo hacerlo

2. Optimiza las imágenes:

Si las imágenes se cargan más rápido, tu sitio se carga más rápido, punto. Google señala que “… Las imágenes a menudo representan la mayoría de los bytes descargados en una página. Como resultado, la optimización de imágenes a menudo puede generar algunos de los mayores ahorros de bytes y mejoras en el rendimiento".
Esto significa que puede obtener grandes mejoras cuando las imágenes de sus páginas se pueden optimizar para reducir el tamaño de su archivo sin afectar significativamente su calidad visual.
A continuación te explicamos cómo hacerlo

3. Minifica HTML, CSS y JavaScript:

La minimización quita los caracteres innecesarios que no son necesarios para que se ejecute el código.
Entre los orígenes de datos redundantes que se pueden quitar se incluyen los comentarios y el formato de código, la eliminación de código no utilizado, el uso de nombres de variables y funciones más cortos, etc.
A continuación te explicamos cómo hacerlo

4. Habilite la compresión gzip:

La compresión Gzip reduce drásticamente el tamaño de los archivos enviados desde su servidor cuando alguien visita su sitio web. Esto acelerará las cosas considerablemente.
Según GTMetrix ,
"La razón por la que gzip funciona tan bien en un entorno web es que los archivos CSS y HTML utilizan una gran cantidad de texto repetido y tienen un montón de espacios en blanco. Dado que gzip comprime cadenas comunes, esto puede reducir el tamaño de las páginas y las hojas de estilo hasta en un 70%".
A continuación te explicamos cómo hacerlo

5. Reducir el tiempo de respuesta del servidor:

El tiempo de respuesta del servidor es la cantidad de tiempo que tarda un servidor web en responder a una solicitud de un navegador. Este es un problema clave que debe abordarse, ya que si el tiempo de respuesta de su servidor es lento, sus páginas se mostrarán lentamente, sin importar cuán optimizadas estén sus páginas para la velocidad.
Google dice que debe reducir el tiempo de respuesta de su servidor a menos de 200 ms. Entonces, ¿cómo hacer que esto suceda?
A continuación te explicamos cómo hacerlo

6. Evita los redireccionamientos de páginas de destino:

Su sitio realmente puede ralentizarse cuando tiene más de una redirección desde la URL dada a la página de destino final. Esto desencadena un bucle de redireccionamiento que tarda en procesarse.
Aquí hay un Algunos ejemplos de redireccionamientos que pueden ralentizar las cosas:
example.com → m.example.com/home – Penalización de ida y vuelta múltiple para usuarios móviles. example.com → www.example.com → m.example.com – Experiencia móvil muy lenta.
A continuación te explicamos cómo hacerlo

7. Prioriza el contenido visible:

Este es el mensaje exacto que recibirá de la herramienta PageSpeed de Google cuando se requieran viajes de ida y vuelta de red adicionales para renderizar el contenido de la mitad superior de la página.
Este contenido "por encima del pliegue" es lo que ves en una computadora de escritorio o dispositivo cuando visitas una página. Por lo tanto, priorizar el contenido visible es la recomendación de que priorice las cosas para que los elementos esenciales de su página se carguen primero (y rápidamente) para los usuarios y que difiera los elementos secundarios de la página, como los complementos para compartir en redes sociales, las analíticas, Javascript, etc.
A continuación te explicamos cómo hacerlo

8. Elimine JavaScript y CSS que bloquean el renderizado en el contenido de la mitad superior de la página:

Los recursos de JavaScript y CSS a menudo impiden que la página se muestre hasta que se cargue por completo. Esto suele ser una buena idea, ya que la visualización prematura de su contenido en la mitad superior de la página puede parecer bastante grotesca.
Sin embargo, este es un mensaje común que recibirás de Google sobre la velocidad del sitio, y abordarlo realmente puede aumentar la velocidad de tu página.
A continuación te explicamos cómo hacerlo
Nota : Esto es lo más difícil de arreglar para la mayoría de las personas. Hay plugins de WordPress que simplemente lo hacen, pero pueden hacer que tu sitio parezca Frankenstein en cada carga.
¿Quieres sitios de WordPress ultrarrápidos alojados en Google Cloud? ¡Póngase en contacto con nosotros hoy!