Mejore los tiempos de carga del sitio web con esta guía de Google PageSpeed ​​Insights

Publicado: 2022-04-28

Google PageSpeed ​​Insights (PSI) es una herramienta que informa sobre el rendimiento de una página tanto en dispositivos móviles como de escritorio y brinda sugerencias sobre cómo mejorar esa página. Ingresar una URL y hacer clic en ANALIZAR obtendrá un informe detallado de lo que está ralentizando la página y lo que puede hacer para solucionarlo.

Lo que ralentiza la página se basa en dos parámetros, el tiempo de carga de la mitad superior de la página y el tiempo de carga completa. El primero es la cantidad de tiempo que tarda una página en mostrar contenido en la mitad superior de la página después de que un usuario solicita una nueva página. Este último es la cantidad de tiempo que tarda un navegador en abrir completamente una página después de que un usuario lo solicita.

Los investigadores de Google han descubierto que si su página tarda más de 3 segundos en cargarse, la mitad de sus visitantes potenciales se van antes de siquiera verla. Además, el mismo estudio encontró que con cada segundo siguiente, una página no se carga y más visitantes se van. Por esa razón, su sitio debería cargarse en 2 segundos o menos.

Informe PSI

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

PSI proporciona datos de laboratorio y de campo sobre una página. Los datos de laboratorio son útiles para depurar problemas de rendimiento porque se recopilan en un entorno controlado. Los datos de campo, por otro lado, son útiles para capturar experiencias de usuario reales y reales.

Los datos de campo se dividen en 3 clases, que describen las experiencias como buenas, necesita mejorar y malas. Si tiene muchos signos de exclamación rojos y amarillos en su informe, probablemente debería trabajar para mejorar su sitio web.

Si desea acelerar el tiempo de carga de su sitio web, debe intentar hacer lo siguiente:

  • evitar los redireccionamientos a la página de destino post-clic
  • habilitar la compresión
  • minimizar CSS, JavaScript, HTML
  • priorizar el contenido de la mitad superior de la página
  • acelerar el tiempo de respuesta del servidor
  • eliminar el JavaScript que bloquea el renderizado
  • aprovechar el almacenamiento en caché de navegación
  • optimizar imágenes

¿Cómo puede ayudar el complemento Hummingbird?

Colibrí

Hummingbird es un complemento gratuito que lo ayuda a implementar los consejos mencionados anteriormente y hace que su página se cargue más rápido, lo que lo ayuda a hacer que sus visitantes estén más felices. Sus visitantes no solo permanecerán en la página, sino que también permanecerán más tiempo y estarán más satisfechos.

Este complemento optimiza el rendimiento del sitio y corrige su Google PageSpeed. Escanea su sitio y le permite saber qué debe mejorar para garantizar que su página sea lo más rápida posible. Al tener una página más rápida obtienes visitantes y clientes satisfechos.

Hummingbird tiene muchas características útiles, que incluyen compresión de archivos, aplazamiento de CSS y JavaScript, minimización de CSS y JS, integración de Lazy Load y almacenamiento en caché de clase mundial.

Con la función de escaneo y reparación con un clic, Hummingbird lo ayuda escaneando su sitio, rastreando qué archivos lo están ralentizando y brindando consejos y soluciones para que su sitio se cargue más rápido. Ofrece mejoras con un solo clic que no le harán perder el tiempo, pero definitivamente mejorarán su sitio. Puede optimizar el rendimiento en solo un segundo y con un solo clic.

Consejos de colibrí

La función de almacenamiento en caché le brinda un conjunto de almacenamiento en caché de clase mundial, que incluye caché de página completa, navegador y Gravatar. Está hecho para ser lo más simple posible, con una interfaz limpia y configuraciones fáciles de usar. No hay pestañas complejas que puedan abrumarlo o desanimarlo.

La interfaz tiene interruptores de palanca con los que puede elegir qué páginas y publicaciones desea o no almacenar en caché. Puede activarlo automáticamente para las páginas generalmente almacenadas en caché, como Portada, Blog, Publicaciones, Archivos, etc., pero también existe la posibilidad de agregar opciones de configuración adicionales, como usuarios registrados, consultas de URL, actualizaciones y exclusiones.

El almacenamiento en caché hace que su sitio se cargue más rápido porque guarda algunos de sus datos en una ubicación más conveniente, lo que hace que acceder a ellos y recuperarlos sea más rápido.

Herramientas de caché de colibrí

Hummingbird también le permite personalizar fácilmente la posición de su CSS, JavaScript y otros archivos para aumentar la velocidad de su página. Puede reorganizar, comprimir y reposicionar archivos sin esfuerzo con la función de minificación. Minificar y combinar archivos es una herramienta poderosa que puede usar para garantizar que su sitio se cargue más rápido.

Hummingbird escanea su página y le da un mensaje que muestra cuántos archivos o activos tiene. En la página de configuración de Optimización de activos, puede decidir qué desea minimizar, combinar o mover. Al minimizar, reduce los datos innecesarios de su código, lo que hace que la página sea más rápida.

Cuanta menos información pase del servidor y del navegador, menos tiempo tardará en cargarse su sitio web. Minimice los scripts para garantizar que los archivos tengan el tamaño más pequeño posible. También puede combinar sus archivos, lo que significa que todos los archivos CSS van a un archivo CSS y todos los archivos JS van a un archivo JS.

Optimización de activos de colibrí

Hacer esto reduce la cantidad de solicitudes enviadas al navegador, lo que resulta en tiempos de carga mejorados. Puede mover una secuencia de comandos al pie de página y también elegir no cargar un archivo específico, lo cual es útil si no necesita una secuencia de comandos en su sitio web. Nuevamente, configurar esto es muy fácil y no requiere ningún conocimiento de codificación. Y no se preocupe, si se equivoca, puede restablecer fácilmente cualquier cambio que haya realizado.

Otra característica del complemento es la compresión Gzip. Gzip comprime sus archivos HTML, JavaScript y CSS con una configuración de un solo clic antes de enviarlos al navegador. Esto hace que compartir su sitio sea más eficiente porque enviar archivos comprimidos es más rápido y le ahorra dinero en hospedaje. Hace que sus archivos sean más pequeños y rápidos de cargar sin perder los datos necesarios en el proceso. No tiene que preocuparse por la configuración, en cambio, simplemente elija el tipo de servidor en el que está alojado su sitio y presione el botón Aplicar reglas. El complemento se encarga del resto.

Con Hummingbird, también puede controlar la configuración de caché del navegador de Cloudflare. Además, puede complementar las funciones de optimización con el complemento de optimización de imágenes Smush. Smush se usa para comprimir sus imágenes y acelerar el proceso de carga.

aplastar

Puede optimizar y corregir el rendimiento de PageSpeed ​​con imágenes del tamaño adecuado, carga diferida, conversión WebP de próxima generación, formato de imagen y más.

Quiere estar seguro de que todo va tan bien como sea posible, es por eso que con Hummingbird puede vigilar su sitio y modificarlo si es necesario. Y en su tablero de Hummingbird, puede ejecutar análisis de rendimiento periódicos que pueden ayudarlo a identificar archivos que pueden estar ralentizando su página.

Tablero de colibrí

Por qué todo esto importa

Tener un sitio web de carga rápida es muy importante porque cuanto más tarde en cargar su página, más rápido la abandonarán los visitantes y los clientes. Estoy seguro de que puede recordar al menos una vez cuando estaba en un sitio web que tardó años en cargarse. Probablemente hiciste clic incluso antes de que apareciera algo. yo se que tengo

Si tiene que esperar mucho tiempo para que se cargue algo, se siente más frustrado e insatisfecho con el sitio web. Es por eso que la velocidad de la página es importante. Por lo tanto, si no desea perder clientes potenciales, debe buscar acelerar el tiempo de carga de su sitio web. Una vez que lo haya ajustado, puede analizarlo nuevamente en PSI.

hombre preocupado

Hay un artículo interesante que puedes leer aquí sobre cómo es imposible obtener un puntaje de 100 en Google PageSpeed ​​Insights. La autora del artículo habla sobre cómo calificó su sitio antes y después de las mejoras para tratar de obtener una puntuación de 100. Usó los complementos Hummingbird y WP Checkup para mejorar el rendimiento de su sitio.

Después de realizar cambios en su página, se dio cuenta de que no hay mucho más que pueda hacer para obtener una puntuación de 100. Sin embargo, el hecho de que su página no obtenga una puntuación de 100 en Google PageSpeed ​​Insights no significa que sea lenta. El artículo simplemente muestra que no todos los sitios pueden obtener una puntuación perfecta y que Google PageSpeed ​​Insights no es el mejor punto de referencia para calificar el rendimiento del sitio web, pero definitivamente vale la pena usarlo.

Pensamientos finales

Puede ser muy frustrante visitar un sitio web y esperar una eternidad a que se cargue. Especialmente si eres una persona impaciente. Ponte en el lugar de tus clientes o visitantes. No querrás esperar años a que aparezca algo y ellos tampoco. Desea brindar el mejor servicio y eso también incluye el rendimiento de su sitio web.

Al acelerar su página, aumenta la posibilidad de mantener clientes nuevos y existentes. Tener un tiempo de carga rápido de la página es un factor crucial si desea que las personas visiten su sitio web, se queden por un tiempo y también regresen.

Entonces, analiza tu página en Google PageSpeed ​​Insights y si no obtienes el puntaje que esperabas, prueba Hummingbird, que está hecho para optimizar tu sitio web.