Un caso de éxito que mide el impacto y los beneficios completos de las puntuaciones de alto rendimiento en las Métricas web esenciales.
RebelMouse es un CMS basado en la nube con las herramientas basadas en datos y la estrategia creativa que los publicadores necesitan para brindar la mejor experiencia posible a los públicos, tanto nuevos como antiguos. Impulsamos propiedades web de alto tráfico para empresas de medios como Upworthy, Narcity, Raw Story, Brit + Co y The Independent, así como sitios de alto valor como Penske Trucks, Vault12, Gaingels y muchos otros.
Nuestra plataforma llega a más de 100 millones de personas mensualmente solo en EE.UU. La empresa se fundó con la convicción de que la Web abierta debe tener un rendimiento que cumpla con las expectativas más altas de los consumidores para prosperar, y los estándares establecidos por las métricas principales de la Web de Google se alinean con esta visión que prioriza al usuario.
Durante más de una década, nuestro equipo global ha estado diseñando un CMS que crea experiencias del usuario positivas e intuitivas que se traducen en un negocio significativo. Las Métricas web esenciales son un punto de referencia que garantiza que este ciclo de simbiosis continúe en cada sitio nuevo que impulsamos.
Por qué priorizar el rendimiento significa mejores resultados comerciales
Muchos publicadores dudan si vale la pena el esfuerzo por obtener puntuaciones excelentes en las Métricas web esenciales. También le preocupa que incluso una experiencia del usuario de calidad no genere el aumento en la cantidad de lectores que necesita. Afortunadamente, nuestra priorización del rendimiento en RebelMouse nos ha brindado los datos para demostrar que las métricas web esenciales son una excelente manera de generar tráfico nuevo y desarrollar la lealtad de los usuarios necesaria para tener un negocio exitoso.
Para ilustrar esto, analizamos el comportamiento del público de varios sitios que potenciamos, tanto antes como después de realizar optimizaciones para obtener puntuaciones de alto rendimiento en las métricas web esenciales. En particular, definimos tipos de usuarios para separar los públicos en las siguientes categorías clave:
- Visitantes nuevos: Son los usuarios que visitaron un sitio por primera vez.
- Visitantes recurrentes: Son los usuarios que tuvieron al menos dos sesiones.
- Visitantes leales: Son los usuarios que tuvieron al menos tres sesiones o más.
- Fans: Son los usuarios que tuvieron al menos cuatro sesiones o más.
- Superfans: Son los usuarios que tuvieron al menos cinco sesiones o más.
Referencias: - https://www.hotjar.com/google-analytics/glossary/users - https://databox.com/new-vs-returning-visitors
Los datos del campo, recopilados por Google Analytics, fueron muy claros. Cuando nos enfocamos en las categorías de visitantes leales, fans y superfans, descubrimos que es mucho más probable que los usuarios permanezcan más tiempo, consuman más contenido y regresen con más frecuencia a los sitios que reciben calificaciones excelentes en sus métricas web esenciales. Estos son algunos ejemplos destacados:
Sin embargo, el consumo de contenido y el tiempo dedicado por usuario no fueron las únicas métricas que aumentaron. La cantidad de usuarios que visitaron las páginas y a las que se accedió también aumentó en las mismas categorías:
De normal a alto rendimiento: cómo RebelMouse transforma los sitios web
La buena noticia es que es posible obtener un buen rendimiento en las Métricas web esenciales con cambios estratégicos y bien pensados en la base de código de tu sitio. Estas son algunas de las formas en que RebelMouse potencia los sitios web de alto rendimiento:
App web progresiva
RebelMouse optimiza todas las llamadas de terceros en una app web progresiva que entrega primero el contenido más importante y, luego, secuencia el resto de las llamadas según el lector las necesite ver.
Tenemos un método que carga JavaScript inmediatamente después de que se completa el evento de procesamiento de imagen con contenido más grande (LCP). Les damos a nuestros usuarios la opción de cargar JavaScript a través de tres niveles de prioridad diferentes:
- La opción Optimizada es la mejor para los usuarios que desean los enfoques más innovadores. Lo usamos en nuestro propio trabajo de desarrollo. Este nivel de prioridad detendrá el disparo de JavaScript hasta mucho después de que la página se haya cargado por completo, lo que te brindará el mayor rendimiento.
- El bloqueo de carga se usa para ejecutar JavaScript de inmediato y, por lo general, tendrá un impacto negativo en tus puntuaciones de rendimiento. Este nivel de prioridad activará el código JavaScript inmediatamente después de que se complete la carga de la página. Esto puede reducir tus puntuaciones de rendimiento entre 10 y 40 puntos, según la llamada adicional.
- Después de LCP es la mejor opción para combinar excelentes puntuaciones de rendimiento con una carga muy rápida. Este nivel de prioridad hará que JavaScript se cargue inmediatamente después de que se complete el evento Largest Contentful Paint. (Esto se recomienda solo para los anuncios, en los que aumentaste los ingresos por mostrar anuncios a los usuarios que solo están en la página durante cinco segundos o menos).
Optimiza las incorporaciones de redes sociales
Para proteger las puntuaciones de desplazamiento del diseño acumulativo (CLS) y LCP, todos los elementos incorporados de redes sociales deben configurarse para la carga diferida.
Para preservar el CLS, debes encontrar de forma dinámica el tamaño de la incorporación con tecnología del servidor y, luego, insertarla en tu propio almacenamiento de las propiedades de esa incorporación. Luego, la incorporación debe entregarse a tu frontend para evitar que el diseño cambie durante la carga. Si te interesa profundizar en este tema, tenemos publicaciones específicas sobre ejemplos de Twitter y TikTok con más detalles.
HTML y CSS ultraligeros y inteligentes
El HTML y el CSS del sitio deben construirse de una manera que permita que las imágenes y el texto de la mitad superior de la página se carguen antes que el resto de la página.
- Las construcciones HTML incorrectas obligarán al navegador a procesar muchos elementos innecesarios del sitio que se encuentran en la mitad inferior de la página para renderizar lo que se encuentra en la mitad superior en el primer viewport.
- Aquí encontrarás artículos más detallados sobre cómo logramos esto en RebelMouse:
- Un desglose sobre cómo mejorar las métricas web esenciales.
- Una guía completa para implementar velocidades de página rápidas y, al mismo tiempo, incluir secuencias de comandos de terceros.
- Una guía detallada sobre la optimización para el LCP.
Publica con una mentalidad que prioriza el rendimiento
Desde el lanzamiento de las Métricas web esenciales, los desarrolladores sintieron el impacto de cómo sus plataformas de publicación se comparan con los umbrales recomendados por Google.
HTTP Archive, un proyecto de código abierto que identifica tendencias y registra patrones históricos en millones de URLs, reveló el rendimiento de los principales sistemas de administración de contenido en función de los estándares de experiencia de la página de Google en su Informe de tecnología de las Métricas web esenciales. RebelMouse superó de forma constante a las principales plataformas de CMS en las métricas más importantes de Google desde su lanzamiento y hasta 2022:
Rendimiento sin concesiones
Crear contenido de calidad ahora es solo la mitad de la batalla para los publicadores y las marcas. El contenido de calidad debe estar respaldado por una tecnología moderna que pueda seguir el ritmo de la velocidad y los estándares de la Web actual. Podemos ofrecer métricas principales de la Web que cumplen con los requisitos porque el rendimiento del sitio no es solo un objetivo, sino un pilar de la empresa que forma parte de nuestra cultura. Nos enfocamos intensamente en el rendimiento para ayudar a nuestros clientes a aprovechar al máximo la Web abierta aumentando el tráfico y generando ingresos sin sacrificar la experiencia del usuario.
Si quieres obtener más información sobre cómo podemos ayudar a tu sitio a superar el estándar de la industria en las métricas web esenciales, haz clic aquí para obtener más información sobre RebelMouse hoy mismo.