Un caso de éxito que mide el impacto y los beneficios totales de las puntuaciones de rendimiento altas en las Métricas web esenciales
RebelMouse es un CMS basado en la nube con las herramientas basadas en datos y las estrategias creativas 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 de comunicación como Upworthy, Narcity, Raw Story, Brit + Co y The Independent, así como sitios de gran valor como Penske Trucks, Vault12, Gaingels y muchos otros.
Solo en EE.UU., nuestra plataforma llega a más de 100 millones de personas por mes. La empresa se fundó con la convicción de que la Web abierta debe funcionar al máximo de las expectativas de los consumidores para prosperar, y los estándares establecidos por las Métricas web esenciales de Google se alinean con esta visión centrada en priorizar el usuario.
Durante más de una década, nuestro equipo global ha estado diseñando un CMS que crea experiencias del usuario intuitivas y positivas que se traducen en un negocio significativo. Las Métricas web esenciales son una comparativa que garantiza que este bucle simbiótico continúe en cada sitio nuevo que impulsamos.
Por qué priorizar el rendimiento significa mejores negocios
Muchos publicadores dudan de si las excelentes puntuaciones en Métricas web esenciales valen la pena. También les preocupa que ni siquiera una experiencia del usuario de calidad logre aumentar la cantidad de lectores que necesitan. Por suerte, nuestra priorización del rendimiento en RebelMouse nos proporcionó los datos que nos demuestran que las Métricas web esenciales son una excelente manera de generar tráfico nuevo y la lealtad de los usuarios que necesitan 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 rendimiento altas en las Métricas web esenciales. En particular, definimos los 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: Usuarios que tuvieron al menos cuatro sesiones o más.
- Superfans: 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, eran extremadamente claros. Cuando nos centramos en las categorías de visitantes leales, fans y superfans, descubrimos que los usuarios tienen muchas más probabilidades de quedarse más tiempo, consumir más contenido y regresar con más frecuencia a los sitios que obtienen excelentes calificaciones en sus Métricas web esenciales. Estos son algunos ejemplos destacados:
Sin embargo, el consumo de contenido y el tiempo invertido por usuario no fueron las únicas métricas en las que se produjo un aumento repentino. El número de visitas de usuarios y de páginas a las que se accedió también aumentó entre las mismas categorías:
De normal a alto rendimiento: Cómo RebelMouse transforma los sitios web
La buena noticia es que puedes lograr un buen rendimiento con las Métricas web esenciales si haces cambios estratégicos y reflexivos en la base de código de tu sitio. A continuación, te mostramos algunas maneras en las que RebelMouse impulsa los sitios web de alto rendimiento:
App web progresiva
RebelMouse optimiza todas las llamadas de terceros en una app web progresiva que muestra primero el contenido más importante y, luego, secuencia el resto de las llamadas a medida que el lector necesita verlas.
Tenemos un método que carga JavaScript inmediatamente después de que se completa el evento Largest Contentful Paint (LCP). Ofrecemos a nuestros usuarios la opción de cargar JavaScript a través de tres niveles de prioridad diferentes:
- Optimizado es ideal para los usuarios que desean los enfoques de vanguardia más recientes. La usamos en nuestro propio trabajo de desarrollo. Este nivel de prioridad hará que JavaScript deje de activarse hasta mucho después de que la página se cargue por completo, lo que te brinda el mejor rendimiento.
- El bloqueo de carga se usa para ejecutar JavaScript de inmediato y, por lo general, tiene 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.
- Post 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 anuncios, ya que donde aumentaste los ingresos por publicar anuncios para los usuarios que solo están en la página durante cinco segundos aproximadamente).
Optimiza las incorporaciones en redes sociales
Para proteger las puntuaciones de Cambio de diseño acumulado (CLS) y LCP, todas las incorporaciones sociales deben configurarse para carga diferida.
Para la preservación de CLS, debes encontrar de forma dinámica el tamaño de la incorporación con tecnología del servidor y, luego, insertarlo en tu propio almacenamiento de las propiedades de esa incorporación. Luego, debes enviar la incorporación a tu frontend para evitar que el diseño cambie al cargarse. Para quienes estén interesados en profundizar en este tema, tenemos publicaciones específicas en ejemplos de Twitter y TikTok con más detalles.
HTML y CSS inteligentes y ultralivianos
El código HTML y CSS del sitio debe diseñarse de manera tal que permita publicar imágenes y texto en la mitad superior de la página que se precargan antes que el resto de la página.
- Las construcciones de HTML incorrectas obligan al navegador a procesar muchos elementos innecesarios del sitio que se encuentran en la mitad inferior de la página para renderizar lo que está en la mitad superior de la página en el primer viewport.
- Tenemos más artículos detallados sobre cómo lograr 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, además, incluir secuencias de comandos de terceros
- Consulta una guía detallada sobre la optimización del LCP.
Publica con una mentalidad centrada en el rendimiento
Desde el lanzamiento de las Métricas web esenciales, los desarrolladores notaron el impacto de cómo sus plataformas de publicación se comparan con los umbrales recomendados de 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 según los estándares de experiencia de página de Google en su Informe de tecnología de Métricas web esenciales. RebelMouse superó de forma sostenida el rendimiento de las principales plataformas de CMS en cuanto a las métricas más importantes de Google desde su lanzamiento y en 2022:
Rendimiento sin concesiones
Ahora, crear contenido de calidad es solo la mitad de la batalla tanto para los editores como para las marcas. El contenido de calidad debe estar respaldado por la tecnología moderna que está a la altura de la velocidad y los estándares de la Web actual. Somos capaces de ofrecer Métricas web esenciales que nos permitan lograrlo porque el rendimiento del sitio no es solo un objetivo, sino un pilar empresarial que está dentro de nuestra cultura. Nos enfocamos principalmente en el rendimiento para ayudar a nuestros clientes a aprovechar al máximo la Web abierta mediante el aumento del tráfico y la generación de ingresos sin sacrificar la experiencia del usuario.
Si quieres obtener más información sobre cómo podemos ayudar a que tu sitio supere el estándar de la industria en cuanto a las Métricas web esenciales, haz clic aquí para obtener más información sobre RebelMouse hoy mismo.