Optimización de métricas web básicas – Recomendaciones de Google

La velocidad del sitio y la funcionalidad móvil se han vuelto cada vez más importantes a lo largo de los años. Los usuarios de Google y otras plataformas esperan que las páginas se carguen y ejecuten lo más rápido posible para facilitarles la navegación.

La función principal de Google es brindar a los usuarios la mejor experiencia posible, y la velocidad del sitio es un factor en la clasificación de los sitios en Google. Google divide la velocidad del sitio en tres categorías principales para brindarle la mejor experiencia de usuario:

En el pasado, el equipo de Google Chrome brindó consejos o sugerencias sobre cómo mejorar el sitio para cumplir con los estándares esperados por Google. Google actualizó recientemente estos requisitos para ayudar a las empresas a mantenerse al tanto de las principales métricas web de sus sitios y clasificarse lo más alto posible.

A continuación, proporcionaré recomendaciones para las tres métricas web básicas mencionadas anteriormente.

Contenido del Articulo

La pintura de contenido más grande – recomendaciones

Como se mencionó anteriormente, la imagen de contenido más grande se mide por el tiempo que tarda el usuario en cargar el contenido principal (o la pantalla de presentación inicial). Alrededor del 50% de los sitios web cumplen con los requisitos establecidos por Google.

Muchos sitios fallan porque su contenido de video o imagen es grande y toma tiempo para cargar. Google sugirió los siguientes pasos para pasar esta prueba de manera más consistente.

Hombre frustrado con la carga lenta del sitio web

Fuente

Optimice su HTML para que sea fácil de encontrar

Cuando las páginas web pasan por la lista de prioridades para cargarse, es normal que las páginas tengan sus scripts en el encabezado para cargarse primero. La mayoría de los sitios tienen una imagen como contenido principal, generalmente en la sección de encabezado del sitio. Los sitios web deben priorizar esta imagen al cargar el sitio.

La mejor opción es agregar una imagen como etiqueta de imagen en el encabezado antes de las secuencias de comandos en el encabezado. También es importante evitar los cargadores lentos o los complementos de optimización de imágenes para hacer el trabajo, que es solo un atajo.

Actualice su proveedor de alojamiento y use un CDN

Una de las formas más subestimadas de acelerar su sitio web y la entrega de contenido es actualizar su alojamiento y utilizar una red de entrega de contenido. Una red de entrega de contenido (también conocida como CDN) es un grupo de servidores distribuidos geográficamente que trabajan juntos para proporcionar una entrega rápida de contenido web.

Las CDN permiten una entrega más rápida de secuencias de comandos, imágenes y contenido desde sitios que usan estos servidores. Muchos proveedores de alojamiento ofrecen CDN y todas las empresas deberían usarlos para su sitio web.

Recomendaciones de diseño acumulativas

Como se mencionó anteriormente, CLS mide la cantidad de deslizamientos de página inesperados durante la carga.

En el pasado, era normal que las páginas web se cargaran de izquierda a derecha, lo que obligaba a los aspectos a cargarse y deslizarse cuando se cargaban otros aspectos más lentos.

Establezca los parámetros en Tamaño de imagen

Una manera fácil de controlar el deslizamiento es establecer parámetros de tamaño de contenido con CSS y HTML para evitar el cambio de tamaño del contenido. Antes de los sitios web receptivos, era un poco más fácil establecer estos estándares porque las páginas estaban separadas por una computadora de escritorio móvil y una tableta, y las imágenes podían posicionarse en función de tamaños de píxeles fijos.

Ahora puede configurar los parámetros por relación de aspecto en el código de la página para que no tenga que cambiar el tamaño de las imágenes demasiado grandes.

Evite animaciones y ventanas emergentes

Esto a menudo se debe a las ventanas emergentes de notificación de la página, las ventanas emergentes de consentimiento de cookies y las animaciones de características de diseño. Esto puede afectar en gran medida al CLS, ya que el sitio tiene que adaptarse a estas consultas durante y después de cargar el sitio. Si bien es llamativo y agradable para el diseño, intente evitarlo ya que no es necesario en los sitios web.

Retraso en la primera entrada – Recomendaciones

Como se mencionó anteriormente, la latencia inicial mide qué tan rápido responde un sitio a la entrada del usuario. En pocas palabras, es un indicador de qué tan rápido cuando hace clic en un enlace o botón, se carga o acepta una interacción. La mayoría de los sitios pasan esta prueba, pero es importante optimizar todos los aspectos para no causar retrasos en la entrada de datos.

persona que interactúa con el sitio web

Fuente

Evite JavaScript innecesario

Muchos sitios implementan JavaScript para rastrear a los usuarios en su sitio o simplemente para hacer que el sitio funcione. Desea asegurarse de condensar o eliminar los scripts que no usa. JavaScript generalmente se coloca en el encabezado del sitio, por lo que funciona en todas las páginas, pero eso también significa que debe cargarse cada vez que el usuario navega. En el caso de los negocios que gestiono trato de condensarlos lo máximo posible o eliminar los que actualmente no utilizo

Evite largas cadenas de tareas

Al igual que con la recomendación anterior, es mejor separar las tareas para evitar retrasos. Por ejemplo, si una página necesita cargar 20 scripts o entradas antes de que la página finalmente se cargue, es mejor dividirla en dos cargas de 10 para dividir la cadena.

En general, estas recomendaciones pueden ser de naturaleza técnica, pero algunas son fáciles de implementar por alguien con conocimientos básicos de codificación y sitios web. Para saber cuál es su puntaje actual para las tres medidas mencionadas, puede realizar una prueba en gtmetrix.com o usar la herramienta interna Lighthouse en Chrome.

Ambos proporcionan una puntuación general para el sitio y cada categoría medida por Google. Con estas herramientas, también aprenderá cómo puede mejorar su sitio en cada sección.

Pensamientos finales

Si bien todo esto puede parecer un poco confuso, no puedo dejar de enfatizar la importancia de la velocidad de carga del sitio web. Los usuarios de hoy esperan que sus sitios web se carguen casi instantáneamente, y más del 50 % de los sitios web se abandonan si tardan más de tres segundos en cargarse. En la era de la gratificación instantánea, los usuarios no tienen tiempo que perder navegando por sitios web que no cumplen con sus expectativas.

¿Quieres recomendaciones para optimizar la velocidad de carga de tu sitio? TechWyse puede ayudar. Póngase en contacto con un experto de TechWyse hoy mismo y lo ayudaremos no solo a mantener su sitio funcionando de manera rápida y eficiente, sino también a mejorar su experiencia general de usuario con un diseño web receptivo.

Publicado por Roberto Rego (20 publicaciones)

Robert es el administrador de cuentas de TechWyse. Ha estado trabajando en marketing digital durante más de 5 años y se ha ocupado de todo, desde sitios web, aplicaciones y tableros de menús digitales. Robert siempre está buscando oportunidades de desarrollo personal y de cuentas. También cree que es Batman, pero todavía no le creemos.

Previous post Los 20 mejores sitios web nuevos de enero de 2023
Next post Creación de personas efectivas basadas en roles de B2B SaaS (plantilla incluida) | Ravinder Singh | enero 2023

Deja una respuesta