Las opciones realizadas por los diseñadores y desarrolladores digitales afectan directamente la energía consumida por miles de millones de dispositivos en todo el mundo. Los sitios web de hoy a menudo están hinchados. El tamaño promedio de la página web se ha más que duplicado en la última década, lo que lleva a tiempos de carga más lentos y un mayor uso de energía. Dado que cada kilobyte consume electricidad en servidores, redes y dispositivos de usuario, tanto los diseñadores como sus clientes deben alinearse para crear una diferencia significativa.

Establecer y apegarse a un presupuesto de rendimiento es una forma práctica, medible e impactante de reducir esa carga y crear una mejor Internet para todos. No solo reduce directamente la huella de carbono digital, sino que también mejora la experiencia del usuario, el rendimiento del sitio y las métricas de conversión.

¿Qué es un presupuesto de rendimiento?

Un presupuesto de rendimiento es un conjunto de limitaciones o límites puestos en ciertos aspectos del rendimiento de un sitio web. Es esencialmente un principio rector que informa cómo puede ser una página “pesada” y a menudo se mide en términos del tiempo de carga de la página, el peso total de la página/tamaño del archivo, el número de solicitudes HTTP o una variedad de otros factores técnicos.

Un presupuesto de rendimiento obliga a los equipos a tomar decisiones de diseño y desarrollo en límites definidos, fomentando las opciones conscientes de recursos que se alinean tanto con las necesidades del usuario como con la sostenibilidad ambiental.

Por qué los clientes necesitan desempeñar un papel clave

Un informe de cliente típico para un proyecto digital siempre está orientado a describir los requisitos. El breve incluye información sobre contenido, funcionalidad o apariencia visual que se considera necesaria. Por lo tanto, todo en el informe creará un impacto ambiental negativo para producir, almacenar, transmitir y mantener.

Es muy raro que los informes y especificaciones del cliente incluyan requisitos restrictivos como los presupuestos de rendimiento. Cuando los clientes comienzan a agregar presupuestos de rendimiento, crea una conversación de compensación natural que evalúa la relevancia y la importancia de cada pieza de contenido o funcionalidad.

Integrando los presupuestos de rendimiento en su proyecto

Los presupuestos de rendimiento no deben ser una idea de último momento o algo que se trata en el momento del desarrollo. Deben integrarse en cada etapa del proyecto desde la planificación temprana, creación de prototipos, diseño y, por supuesto, desarrollo y despliegue. Es por eso que también necesitan formar parte del informe del cliente.

Discuta los objetivos de rendimiento y sostenibilidad en las primeras reuniones de partes interesadas. Agregue restricciones presupuestarias al informe de diseño e incluya en criterios de aceptación. Al diseñar y aprobar componentes o diseños de página, tenga en cuenta los activos involucrados.

Establecer un presupuesto de rendimiento en tres sencillos pasos

Establecer un presupuesto de rendimiento efectivo significa alinear sus objetivos con las necesidades de sus usuarios y sus ambiciones de sostenibilidad.

Paso 1: Defina las métricas – Decide qué indicadores de rendimiento son más relevantes para su proyecto. Concéntrese en algunas métricas clave en lugar de tratar de rastrear todo. La calidad de las métricas es ciertamente más importante que la cantidad.

Paso 2: Establecer líneas de base – Analice sus páginas existentes para obtener una idea del rendimiento actual. Herramientas como Lighthouse o PageSpeed ​​Insights pueden proporcionar puntos de referencia útiles. Asegúrese de registrar los resultados de la línea de base para que pueda consultarlos más tarde y rastrearlos con el tiempo.

Paso 3: Establezca objetivos realistas – Ahora establezca su presupuesto de rendimiento. Asegúrese de que sus objetivos sean realistas para el contenido y la complejidad de su sitio, pero lo suficientemente ambicioso como para generar mejores resultados sostenibles.

Seguimiento y aplicación de presupuestos de rendimiento

Establecer el presupuesto de rendimiento es solo la mitad de la batalla y debes rastrearlo y hacerla cumplir constantemente para ver resultados reales. Recuerde probar con sus datos de referencia, así como su presupuesto de rendimiento. Dependiendo de las métricas que define, es posible que pueda usar herramientas automatizadas para marcar las violaciones de presupuesto durante el desarrollo. Algunas herramientas le permitirán establecer alertas cuando las páginas excedan el presupuesto de rendimiento, permitiendo que los problemas se solucionen mucho antes de alcanzar la producción.

Las tres trampas más comunes para evitar

• Falta de participación de los interesados: Cada parte interesada involucrada en el proceso de desarrollo debe incluirse y conscientes del presupuesto de desempeño. Las partes interesadas individuales pueden comprender mejor por qué algún contenido o funcionalidad podría ser diferente de lo que le gustaría.

• Sobre enfoque en la estética: Animaciones elegantes, grandes imágenes de fondo o fuentes excesivas pueden parecer impresionantes, pero pueden soplar su presupuesto muy rápidamente. Invariablemente, el área más común para ahorrar en un presupuesto de rendimiento está relacionado con el uso de imágenes y especialmente las imágenes de héroes especialmente grandes.

• Ignorando los scripts de terceros: Análisis, widgets de chat, plataformas de anuncios y scripts de seguimiento pueden globalear el tamaño de su página. Por lo tanto, siempre asegúrese de planificarlos, auditar con los scripts de terceros incluidos y minimícelos cuando sea posible.

Los presupuestos de rendimiento son más que una simple restricción técnica; Deben usarse como ética de diseño. Reflejan un compromiso de crear sitios web eficientes y ambientalmente responsables del bajo carbono. Al diseñar y construir un sitio web en límites definidos, puede contribuir a un Internet más sostenible.

(Fuente de la imagen: Unsplash)