Dado que la velocidad de la página se ha convertido en una métrica importante tanto para SEO como para UX a lo largo de los años, el concepto de presupuesto de rendimiento web también ha pasado a primer plano. Ahora es más evidente que el rendimiento web es un tema que requiere una perspectiva compartida entre todos los departamentos, en lugar de ser simplemente la prioridad de un solo departamento o individuo.
Para explicar esto con un ejemplo: los departamentos de marketing podrían querer implementar conversión y códigos de remarketing/retargeting, junto con herramientas como Casa Criteo y RTB, que utilizan retargeting basado en productos. También pueden esperar fotografías y animaciones llamativas. Mientras tanto, los departamentos de producto pueden solicitar la integración de herramientas como Hotjar y la claridad. Los departamentos de software, por otro lado, apuntan a desarrollarse lo más rápido posible tanto en el frontend como en el backend. La demanda y los costos asociados con estas demandas de velocidad de la página están realmente equilibrados. El presupuesto de rendimiento web ha surgido para establecer este equilibrio de forma eficaz.
Un presupuesto de rendimiento web implica establecer una velocidad objetivo para su plataforma en una plataforma específica y establecer objetivos numéricos que todas las partes interesadas cumplirán para lograr esta velocidad. En resumen, el coste de ser rápido es el presupuesto de rendimiento web.
Todo comienza con una propuesta.. Usted propone qué tan rápido debe abrirse su página en un tipo particular de conexión. Por ejemplo, algunas propuestas de presupuesto por desempeño podrían ser:
- ¿Se puede abrir la página de inicio en menos de 2 segundos en una conexión móvil 3G rápida (1.6 Mbps)?
- ¿Se puede abrir la página de resultados de búsqueda en menos de 5 segundos en una conexión 3G lenta (780 Kbps)?
A continuación, crea un plan de acción y submétricas para lograr estas propuestas, dividiéndolo en partes.
Aparte de las propuestas, puede haber otros objetivos presupuestarios de desempeño. Por ejemplo:
- Ampliando el faro móvil Puntuación de la página de detalles superior a 80.
- Reducir el tamaño de todas las imágenes. en el sitio de escritorio por debajo de 500 KB
Métricas de presupuesto de rendimiento
Se aceptan tres perspectivas diferentes para determinar las métricas de un presupuesto de desempeño:
Métricas basadas en números
- Número máximo de fuentes/Tamaño máximo de fuente
- Número máximo de imágenes / Tamaño máximo de imagen
- Número máximo de guiones, estilos, vídeos, etc. / Tamaño máximo de guiones, estilos, vídeos, etc.
- Tamaño máximo de HTML
- Número máximo de solicitudes HTTP
- Número máximo de scripts de terceros
Métricas basadas en el tiempo
- Primera vez que se pinta con contenido (FCP)
- Mayor tiempo de pintura con contenido (LCP)
- Tiempo de retardo de la primera entrada (FID)
- Tiempo de tiempo interactivo (TTI)
- Tiempo total de bloqueo (TBT)
- Puntuación de cambio de diseño acumulativo (CLS)
- Puntuación del índice de velocidad
Métricas basadas en reglas
- Puntuación del faro
- Puntuación GTmetrix
- Puntuación de la prueba de página web
- Puntuación lenta
Al establecer su presupuesto de rendimiento web, generalmente se recomienda combinar todas estas perspectivas en la medida correcta en lugar de elegir solo una. Puedes usar el simulador de presupuesto de desempeño para encontrar los números necesarios para alcanzar la velocidad objetivo.
Evalúe los tipos de páginas por separado
Un punto crucial a la hora de determinar el presupuesto de rendimiento es no basarlo en una sola página del sitio. Un error común es probar sólo la página de inicio, lo que lleva a una evaluación incompleta.
Debes comenzar examinando la plataforma e identificando diferentes tipos de páginas. Luego, analiza el tráfico de la plataforma para identificar las páginas que reciben más tráfico y priorizarlas. El resultado será una tabla similar a esta:
- Página de inicio
- Páginas de listado estáticas
- Páginas de listado dinámicas
- Páginas de detalles
- Pagar páginas
- Páginas de resultados de búsqueda
- Páginas de campaña
- Páginas del blog
Necesitas concentrarte en los presupuestos de rendimiento de estos tipos de páginas por separado, en función de las prioridades.
