Desarrollo Web Sostenible en Startups: Aplicando Principios de Codificación Verde para un Futuro Más Verde

This ad is not shown to multipass and full ticket holders
React Summit US
React Summit US 2025
November 17 - 21, 2025
New York, US & Online
The biggest React conference in the US
Learn More
In partnership with Focus Reactive
Upcoming event
React Summit US 2025
React Summit US 2025
November 17 - 21, 2025. New York, US & Online
Learn more
Bookmark
Rate this content

Como profesionales de TI, desempeñamos un papel crítico en el consumo de energía y las emisiones, y es nuestra responsabilidad abordar este impacto. Al adoptar prácticas más ecológicas en el desarrollo web, podemos contribuir a alcanzar los objetivos climáticos mientras seguimos impulsando la innovación y el crecimiento. Compartiré ideas sobre cómo integramos principios de desarrollo web verde en el rediseño de nuestro sitio web y explicaré sus impactos.

This talk has been presented at JSNation 2025, check out the latest edition of this JavaScript Conference.

Katharina Fetzer
Katharina Fetzer
19 min
16 Jun, 2025

Comments

Sign in or register to post your comment.
Video Summary and Transcription
Katharina Fetzer enfatiza la importancia de los principios de codificación verde en startups en medio del cambio climático. High Lane implementa aplicaciones nativas de la nube y soluciones ligeras. El manejo eficiente de cargas en la nube implica servidores virtuales escalables. El intercambio de recursos y la optimización en la nube promueven la eficiencia de costos. La estrategia de nube primero de Highlane y el desarrollo de aplicaciones ligeras tienen como objetivo una presencia web más verde. El relanzamiento de la página web en Highlane redujo las emisiones en un 50%.

1. Sustainable Web Development Talk

Short description:

Katharina Fetzer discute la importancia de aplicar principios de codificación verde en startups debido al creciente impacto del cambio climático y el alto consumo de energía del mundo digital. Presenta dos principios clave: ejecutar aplicaciones nativas de la nube y construir aplicaciones ligeras, ejemplificando su implementación en High Lane.

Hola, bienvenidos a mi masterclass sobre desarrollo web sostenible. Soy Katharina Fetzer, y yo quiero mostrarles algunas formas de cómo aplicar principios de codificación verde en startups. Pero antes de comenzar, hablemos un poco sobre por qué creo que este tema es importante. Aquí pueden ver las temperaturas medias en Alemania en los últimos años. Y así es en muchos países aquí en Alemania, las temperaturas están subiendo cada vez más. Y en los últimos años, ya estábamos por encima de 1.0 grados sobre la media. Y estas temperaturas en aumento conducen a más y más fenómenos meteorológicos extremos, por ejemplo, sequías, incendios forestales y también inundaciones. Y todas estas imágenes fueron tomadas en Europa en los últimos cinco años. Pero estos eventos están ocurriendo en todo el mundo y están sucediendo justo frente a nosotros. Y aunque ya podemos ver el impacto del cambio climático, todavía no se están tomando suficientes medidas. Y ahora te preguntarás, ¿por qué es esto relevante para mí como desarrollador? Y la cosa es, el mundo digital necesita cada vez más energía. El consumo de electricidad se está duplicando casi cada cinco años, y las emisiones de CO2 ya son el doble de altas que las del tráfico aéreo global. Así que si estás pensando en tu huella de CO2 y quieres reducir los vuelos, entonces pensar en la huella digital también es una buena idea. Pero la digitalización también puede ser una oportunidad, también puede ayudar a reducir las emisiones. Pero para hacer esto, es importante que los productos digitales en sí se creen de manera verde. Para hacer eso, quiero presentar hoy dos principios de codificación verde.

2. Green IT Solutions at High Lane

Short description:

El enfoque de High Lane para ofrecer camiones de hidrógeno en un modelo de pago por uso es facilitado por IT para manejar los datos de kilómetros para la facturación. Se enfatiza la importancia de ejecutar aplicaciones nativas de la nube a través de un ejemplo de una empresa de meteorología, mostrando el impacto de los cambios climáticos en la carga del servidor web.

Antes de profundizar en estos principios, una muy breve introducción sobre High Lane, la empresa para la que estoy trabajando actualmente. Son una start-up con sede en Colonia, y estamos ofreciendo camiones de hidrógeno en un modelo de alquiler de pago por uso, lo que facilita a nuestros clientes operar estos vehículos sin grandes inversiones iniciales. Y este modelo de pago por uso es habilitado por IT porque tenemos que procesar los datos de kilómetros para crear facturas al final del mes, ya que nuestros clientes solo pagan por los kilómetros que conducen.

Así que empecemos con los principios. Primero, ejecutar aplicaciones nativas de la nube. ¿Por qué es esta una buena idea? Y aquí, para explicar eso, añadí un ejemplo de mi último lugar de trabajo. Solía trabajar para una empresa de meteorología, que ofrecía información meteorológica en línea a través de una página web y diferentes aplicaciones. Y aquí pueden ver una semana normal en verano. Los primeros dos días son muy soleados y no muchas personas están interesadas en el clima. No hay nubes en el cielo, así que es bastante aburrido.

Y pueden ver eso en la carga del servidor web. Porque el clima es tan aburrido y nadie está interesado, tampoco hay muchas visitas en la página web, así que el servidor web está inactivo. La carga está solo entre el 10 y el 20 por ciento. Pero el tercer día es diferente. En la mañana, las primeras nubes comienzan a formarse y la gente empieza a preguntarse, ¿podré hacer una barbacoa por la tarde o podré volver a casa en bicicleta de manera seca? ¿O lloverá y tendré que cancelar mis planes? Y entonces, por eso la carga está aumentando. Y luego las nubes se están volviendo cada vez más grandes.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Depuración de JS
React Summit 2023React Summit 2023
24 min
Depuración de JS
Top Content
Debugging JavaScript is a crucial skill that is often overlooked in the industry. It is important to understand the problem, reproduce the issue, and identify the root cause. Having a variety of debugging tools and techniques, such as console methods and graphical debuggers, is beneficial. Replay is a time-traveling debugger for JavaScript that allows users to record and inspect bugs. It works with Redux, plain React, and even minified code with the help of source maps.
Un Marco para Gestionar la Deuda Técnica
TechLead Conference 2023TechLead Conference 2023
35 min
Un Marco para Gestionar la Deuda Técnica
Top ContentPremium
Today's Talk discusses the importance of managing technical debt through refactoring practices, prioritization, and planning. Successful refactoring requires establishing guidelines, maintaining an inventory, and implementing a process. Celebrating success and ensuring resilience are key to building a strong refactoring culture. Visibility, support, and transparent communication are crucial for addressing technical debt effectively. The team's responsibilities, operating style, and availability should be transparent to product managers.
Construyendo un Asistente AI Activado por Voz con Javascript
JSNation 2023JSNation 2023
21 min
Construyendo un Asistente AI Activado por Voz con Javascript
Top Content
This Talk discusses building a voice-activated AI assistant using web APIs and JavaScript. It covers using the Web Speech API for speech recognition and the speech synthesis API for text to speech. The speaker demonstrates how to communicate with the Open AI API and handle the response. The Talk also explores enabling speech recognition and addressing the user. The speaker concludes by mentioning the possibility of creating a product out of the project and using Tauri for native desktop-like experiences.
Una Guía Práctica para Migrar a Componentes de Servidor
React Advanced 2023React Advanced 2023
28 min
Una Guía Práctica para Migrar a Componentes de Servidor
Top Content
React query version five is live and we'll be discussing the migration process to server components using Next.js and React Query. The process involves planning, preparing, and setting up server components, migrating pages, adding layouts, and moving components to the server. We'll also explore the benefits of server components such as reducing JavaScript shipping, enabling powerful caching, and leveraging the features of the app router. Additionally, we'll cover topics like handling authentication, rendering in server components, and the impact on server load and costs.
Solucionando Problemas de Rendimiento en React
React Advanced 2023React Advanced 2023
22 min
Solucionando Problemas de Rendimiento en React
Top Content
This Talk discusses various strategies to improve React performance, including lazy loading iframes, analyzing and optimizing bundles, fixing barrel exports and tree shaking, removing dead code, and caching expensive computations. The speaker shares their experience in identifying and addressing performance issues in a real-world application. They also highlight the importance of regularly auditing webpack and bundle analyzers, using tools like Knip to find unused code, and contributing improvements to open source libraries.
De Monolito a Micro-Frontends
React Advanced 2022React Advanced 2022
22 min
De Monolito a Micro-Frontends
Top Content
Microfrontends are considered as a solution to the problems of exponential growth, code duplication, and unclear ownership in older applications. Transitioning from a monolith to microfrontends involves decoupling the system and exploring options like a modular monolith. Microfrontends enable independent deployments and runtime composition, but there is a discussion about the alternative of keeping an integrated application composed at runtime. Choosing a composition model and a router are crucial decisions in the technical plan. The Strangler pattern and the reverse Strangler pattern are used to gradually replace parts of the monolith with the new application.

Workshops on related topic

Construyendo una Aplicación de Shopify con React & Node
React Summit Remote Edition 2021React Summit Remote Edition 2021
87 min
Construyendo una Aplicación de Shopify con React & Node
Top Content
Workshop
Jennifer Gray
Hanna Chen
2 authors
Los comerciantes de Shopify tienen un conjunto diverso de necesidades, y los desarrolladores tienen una oportunidad única para satisfacer esas necesidades construyendo aplicaciones. Construir una aplicación puede ser un trabajo duro, pero Shopify ha creado un conjunto de herramientas y recursos para ayudarte a construir una experiencia de aplicación sin problemas lo más rápido posible. Obtén experiencia práctica construyendo una aplicación integrada de Shopify utilizando el CLI de la aplicación Shopify, Polaris y Shopify App Bridge.Te mostraremos cómo crear una aplicación que acceda a la información de una tienda de desarrollo y pueda ejecutarse en tu entorno local.
Construye una sala de chat con Appwrite y React
JSNation 2022JSNation 2022
41 min
Construye una sala de chat con Appwrite y React
Workshop
Wess Cope
Wess Cope
Las API/Backends son difíciles y necesitamos websockets. Utilizarás VS Code como tu editor, Parcel.js, Chakra-ui, React, React Icons y Appwrite. Al final de este masterclass, tendrás los conocimientos para construir una aplicación en tiempo real utilizando Appwrite y sin necesidad de desarrollar una API. ¡Sigue los pasos y tendrás una increíble aplicación de chat para presumir!
Problemas difíciles de GraphQL en Shopify
GraphQL Galaxy 2021GraphQL Galaxy 2021
164 min
Problemas difíciles de GraphQL en Shopify
Workshop
Rebecca Friedman
Jonathan Baker
Alex Ackerman
Théo Ben Hassen
 Greg MacWilliam
5 authors
En Shopify a gran escala, resolvemos algunos problemas bastante difíciles. En este masterclass, cinco oradores diferentes describirán algunos de los desafíos que hemos enfrentado y cómo los hemos superado.

Tabla de contenidos:
1 - El infame problema "N+1": Jonathan Baker - Vamos a hablar sobre qué es, por qué es un problema y cómo Shopify lo maneja a gran escala en varios APIs de GraphQL.
2 - Contextualizando APIs de GraphQL: Alex Ackerman - Cómo y por qué decidimos usar directivas. Compartiré qué son las directivas, qué directivas están disponibles de forma predeterminada y cómo crear directivas personalizadas.
3 - Consultas de GraphQL más rápidas para clientes móviles: Theo Ben Hassen - A medida que tu aplicación móvil crece, también lo harán tus consultas de GraphQL. En esta charla, repasaré diversas estrategias para hacer que tus consultas sean más rápidas y efectivas.
4 - Construyendo el producto del futuro hoy: Greg MacWilliam - Cómo Shopify adopta las características futuras en el código actual.
5 - Gestión efectiva de APIs grandes: Rebecca Friedman - Tenemos miles de desarrolladores en Shopify. Veamos cómo estamos asegurando la calidad y consistencia de nuestras APIs de GraphQL con tantos colaboradores.
Construye Aplicaciones Modernas Utilizando GraphQL y Javascript
Node Congress 2024Node Congress 2024
152 min
Construye Aplicaciones Modernas Utilizando GraphQL y Javascript
Workshop
Emanuel Scirlet
Miguel Henriques
2 authors
Ven y aprende cómo puedes potenciar tus aplicaciones modernas y seguras utilizando GraphQL y Javascript. En este masterclass construiremos una API de GraphQL y demostraremos los beneficios del lenguaje de consulta para APIs y los casos de uso para los que es adecuado. Se requiere conocimiento básico de Javascript.
De 0 a Autenticación en una Hora para tu Aplicación JavaScript
JSNation 2023JSNation 2023
57 min
De 0 a Autenticación en una Hora para tu Aplicación JavaScript
WorkshopFree
Asaf Shen
Asaf Shen
La autenticación sin contraseña puede parecer compleja, pero es fácil de agregar a cualquier aplicación utilizando la herramienta adecuada.
Mejoraremos una aplicación JS de pila completa (backend Node.js + frontend Vanilla JS) para autenticar usuarios con contraseñas de un solo uso (correo electrónico) y OAuth, incluyendo:
- Autenticación de usuario: Gestión de interacciones de usuario, devolución de JWT de sesión / actualización- Gestión y validación de sesiones: Almacenamiento seguro de la sesión para solicitudes posteriores del cliente, validación / actualización de sesiones
Al final del masterclass, también abordaremos otro enfoque para la autenticación de código utilizando Flujos de Descope en el frontend (flujos de arrastrar y soltar), manteniendo solo la validación de sesión en el backend. Con esto, también mostraremos lo fácil que es habilitar la biometría y otros métodos de autenticación sin contraseña.