Cómo mejorar su puntaje de Google PageSpeed ​​Insights

Cuál puede ser la forma más fácil de aumentar la tasa de conversión de su pagepeed insights no tiene nada que ver con mejorar su título o cambiar el color de su botón de llamada a la acción. En cambio, se trata de ofrecer una experiencia de usuario más rápida.

La investigación de Google ha descubierto una conexión entre la tasa de conversión y el tiempo de carga. También revela que puede estar perdiendo la mitad de sus prospectos en una página de destino posterior al clic retrasada. Afortunadamente, hay una herramienta que puede usar para determinar qué lo está ralentizando.

Investigación de Google sobre la velocidad de la página

Después de hacer clic en 900.000 anuncios, los investigadores de Google descubrieron que la página de destino móvil promedio después del clic se carga en 22 segundos embarazosos. Eso es más de 7 veces más de lo que la mayoría de los usuarios de Internet impacientes esperarán antes de abandonar una página: 53% para ser exactos.

Si su página tarda más de 3 segundos en cargarse, más de la mitad de sus prospectos se irán antes de que la vean. Como si eso no fuera lo suficientemente malo, el estudio encontró que con cada segundo que pasa una página no se carga, incluso más visitantes rebotarán:

Con la ayuda de la tecnología de aprendizaje automático de SOASTA, los investigadores encontraron una correlación entre el tiempo de carga, el peso de la página (tamaño en los datos) y la tasa de conversión. Básicamente, "más pesado" significa más lento. Específicamente, cuando la cantidad de elementos (texto, imágenes, etc.) en una página aumenta de 400 a 6,000, sus posibilidades de convertir a un visitante disminuyen en un 95%.

Sin embargo, si su página se carga lentamente, identificar el problema no siempre es fácil. Si bien la cantidad de texto y la cantidad de imágenes se notan de un vistazo, los problemas como JavaScript excesivo y demasiados redireccionamientos no lo son.

Afortunadamente, existe una herramienta gratuita que puede utilizar para averiguar exactamente qué es lo que ralentiza el tiempo de carga de su página.

¿Qué es Google PageSpeed ​​Insights?

Google PageSpeed ​​Insights es una herramienta que le permite probar rápida y fácilmente la velocidad de una página web.

Al ingresar una URL y presionar "Analizar", obtendrá rápidamente un informe detallado de lo que ralentiza esa página web en función de dos parámetros, con recomendaciones sobre cómo solucionarlo.

• Parámetro 1: Tiempo hasta la carga por encima del pliegue. Esta es la cantidad de tiempo que tarda la página en mostrar el contenido en la mitad superior de la página después de que un usuario solicita una nueva página.

• Parámetro 2: Tiempo de carga de la página completa. Esta es la cantidad de tiempo que le toma a un navegador representar completamente una página después de que un usuario la solicita.

Funciona, según Google, así:

Page Speed ​​Insights mide el rendimiento de una página para dispositivos móviles y dispositivos de escritorio. Obtiene la URL dos veces, una con un agente de usuario móvil y otra con un agente de usuario de escritorio.

La puntuación de PageSpeed ​​Insights varía de 0 a 100 puntos. Una puntuación más alta es mejor y una puntuación de 85 o más indica que la página está funcionando bien.

Pero, ¿es lo suficientemente bueno cuando la gente espera que una página se cargue en un instante? No cuando cada segundo cuenta. Para obtener la mejor puntuación posible, esto es lo que debe hacer ...

Lograr una puntuación alta en Google PageSpeed ​​Insights

Si ve mucho rojo y amarillo en su informe, es porque su página tiene algunos problemas de carga evidentes.

La herramienta le notificará sobre esos problemas, pero los mensajes de error pueden ser un poco difíciles de entender. Esto es lo que puede esperar ver y cómo solucionarlo:

1. Evite los redireccionamientos de páginas de destino posteriores al clic.

Si su página no ha sido diseñada de manera receptiva, el resultado podría ser una serie de redireccionamientos a páginas optimizadas para diferentes dispositivos. Algunos patrones de redireccionamiento comunes, según Google:

• example.com utiliza un diseño web receptivo, no se necesitan redireccionamientos, ¡rápido y óptimo!
• example.com → m.example.com/home: penalización de varios viajes para los usuarios de dispositivos móviles.
• example.com → www.example.com → m.example.com: experiencia móvil muy lenta.

Cada vez que se tiene que redirigir a un usuario, la representación de la página se detiene, lo que añade unos segundos preciosos al tiempo de carga de la página. Evite los redireccionamientos por completo al crear sus páginas con un diseño receptivo, un método que garantiza una experiencia de usuario de calidad sin importar el dispositivo en el que se encuentre su cliente potencial.

(Todas las plantillas de Instapage responden, por lo que su usuario nunca tendrá que pellizcar para hacer zoom).

2. Habilite la compresión

Los navegadores actuales son capaces de ofrecer una versión alternativa más pequeña de una página a los usuarios de Internet. Con el compresor gzip habilitado, esas páginas pueden reducir su tamaño en un 90%.

En su sitio web, Better Explained, Khalid Azad hace un gran trabajo al describir cómo gzip optimiza el proceso de solicitud y respuesta HTTP:

Sin embargo, cuando la compresión está habilitada, el proceso se parece más a esto:

En lugar de ofrecer al usuario la página completa, el navegador puede obtener una versión comprimida exponencialmente más pequeña que se carga en una fracción del tiempo. Obtenga más información sobre cómo optimizar con gzip aquí.

3. Reducir CSS, HTML, JavaScript

"Minificar" se refiere a eliminar datos innecesarios o redundantes sin afectar la forma en que el navegador procesa la página. La codificación deficiente puede ser la causa de este problema y se puede solucionar de diferentes maneras.

Además de examinar el código fuente de su página manualmente, Google recomienda probar los siguientes recursos:

• El minificador de HTML para minificar HTML.
• CSSNano y csso para minimizar CSS.
• UglifyJS2 y el compilador de cierre para minimizar JavaScript.

Otra opción es, por supuesto, aprovechar los marcos AMP y AMP para anuncios de Google. Ambos programas permiten a los desarrolladores crear páginas con una versión simplificada de HTML, CSS y JavaScript. El resultado son páginas y anuncios que se cargan en una fracción de segundo.

4. Priorice el contenido de la mitad superior de la página

Por extraño que parezca, el tiempo de carga de la página no se trata únicamente de la rapidez con la que se carga la página. También se trata de "rendimiento percibido". Brian Jackson de KeyCDN explica:

El rendimiento percibido se puede describir simplemente como "¿qué tan rápido se siente su sitio web cuando se carga?" Esto puede ser ligeramente diferente a la rapidez con la que se carga realmente su sitio web. El rendimiento percibido es todo desde la perspectiva del usuario, no desde una herramienta de prueba de velocidad de un sitio web.

Para aumentar el rendimiento percibido, es crucial priorizar la carga de contenido importante para el usuario. Por ejemplo, el texto de una página en la mitad superior de la página debe cargarse antes que los widgets de terceros.

Sin embargo, cuando el código está estructurado incorrectamente, el resultado puede ser una disminución del rendimiento percibido en la mente del usuario. Si los últimos elementos de su página en cargar son aquellos en los que el usuario hizo clic para verlos, la página se sentirá como si cargara más tiempo.

5. Acelere el tiempo de respuesta del servidor

El tiempo de respuesta del servidor, el tiempo que tarda su servidor en comenzar a cargar el contenido de una página para un usuario, puede ralentizarse por una serie de factores según Google:

• Consultas de base de datos
• Enrutamiento lento
• Frameworks
• Bibliotecas
• Hambre de CPU de recursos
• Hambre de memoria

Para el sitio web de Raelene Morey, el alojamiento deficiente era uno de los principales asesinos de velocidad. Ella advierte a los lectores:

Un proveedor de alojamiento web económico que ofrece planes mensuales por $ 3.95 completos con vistas de página ilimitadas y espacio ilimitado puede parecer una ganga, pero la compensación suele ser velocidades lentas del sitio y tiempo de inactividad frecuente durante períodos de alto tráfico.

Si desea que su sitio sea ultrarrápido y asegurarse de que su sitio funcione bien, debe invertir en un alojamiento web decente. Si realmente desea que su sitio sea rápido, es posible que desee buscar paquetes de alojamiento que no estén en un servidor compartido.

Probó numerosos hosts antes de decidirse por WP Engine, lo que la ayudó a alcanzar el tiempo de respuesta del servidor por debajo de los 200 ms que recomienda Google. Considere hacer lo mismo o actualizar su paquete de alojamiento web actual a un plan más capaz.

6. Elimina JavaScript que bloquea el procesamiento.

Entre otras cosas, JavaScript habilita algunas herramientas de terceros poderosas y elementos de página interactivos. El problema es que también detiene el análisis del código HTML.

Cuando ve un mensaje de error que dice "eliminar JavaScript que bloquea el procesamiento", significa que hay un fragmento de código JavaScript que está pausando el proceso de carga para la parte superior de su página. Es probable que los scripts de terceros sean los culpables de este problema. Abordarlo de tres maneras:

• Los scripts que no son cruciales para el proceso de carga deben retrasarse intencionalmente: recuperarse y ejecutarse después de que la página se haya renderizado por completo.

• Los scripts que se cargan de forma asincrónica deben usarse sobre los que se cargan de forma síncrona. Los scripts sincrónicos pausan el proceso de representación de la página, mientras que los asincrónicos permiten que un navegador cargue otros elementos al mismo tiempo.

• Considere incluir el script (insertando pequeños recursos JavaScript externos directamente en su documento HTML) para reducir la cantidad de solicitudes que debe realizar su navegador.

7. Aproveche el almacenamiento en caché del navegador

Pueden ser necesarias varias solicitudes entre un servidor y un navegador antes de que una página se cargue por completo para un usuario. En cuanto al tiempo, cada uno suma.

El almacenamiento en caché permite que su navegador, en cierto modo, "recuerde" ciertos elementos que se han cargado recientemente: encabezado, navegación, logotipo, etc. Cuantos más elementos pueda almacenar en caché el navegador, menos elementos tendrá que cargar en el momento en que el usuario realiza una solicitud y, en última instancia, más rápido se cargará una página.

Google recomienda una política de almacenamiento en caché mínimo de una semana, y para los elementos que permanecen prácticamente sin cambios, es preferible un año.

8. Optimizar imágenes

En una publicación de blog, los evaluadores de Google advirtieron específicamente sobre la amenaza que representan las imágenes para la velocidad de la página. "Los elementos gráficos, como favicons, logotipos e imágenes de productos, pueden comprender fácilmente hasta dos tercios del peso total de una página", dijeron.

Cuando eso sucede, el efecto en el tiempo de carga de la página, y específicamente en la tasa de conversión, es enorme. Según el estudio, las páginas que convirtieron visitantes contenían un 38% menos de imágenes que las que no lo hicieron:

Afortunadamente, optimizar imágenes es fácil. El reemplazo de un archivo PNG con un archivo de imagen JPEG puede ahorrar fácilmente el tamaño de la página y el tiempo de carga. También lo pueden hacer los compresores de imágenes como Guetzli y Zopfli de Google.

Pero antes de usarlos, pregúntese si realmente necesita todas las imágenes que ha incluido en su página. ¿Realmente están agregando valor o podría prescindir de ellos? Si la respuesta es la última, deséchelos por completo para ahorrar datos y tiempo.

Vea su posición con Google PageSpeed ​​Insights

¿Cuál es su puntuación de Google PageSpeed ​​Insights? ¿Ha alcanzado los 85+ recomendados?

Para alcanzar ese umbral, le recomendamos que consulte nuestra guía para optimizar la experiencia de la página de destino posterior al clic:

Luego, comience a brindar una mejor experiencia de usuario y mejore la página de destino posterior al clic.

Regístrese hoy para una demostración de Instapage Enterprise.