Estás instalando librerías que el navegador ya hace solo 🤯
Muchos de nosotros instalamos una dependencia, los tests pasan y nunca volvemos a mirarla. El problema es que el ecosistema web avanza más rápido que nuestro package.json. Estamos cargando entre 60KB y 90KB de JavaScrip
Artículo
Una lectura sobre tecnología y sistemas digitales, escrita para ir al punto y dejar claras las ideas principales.
Tema principal
automatizacion de procesos
Fuente
dev.to
Puntos clave
- Muchos de nosotros instalamos una dependencia, los tests pasan y nunca volvemos a mirarla. El problema es que el ecosistema web avanza más rápido que nuestro package.json.
- Estamos cargando entre 60KB y 90KB de JavaScript innecesario porque seguimos usando librerías para resolver problemas que el navegador ya solucionó hace años.
- La clave está en adoptar una mentalidad de "Baseline": auditar dependencias basándonos en la disponibilidad real de las APIs en los navegadores modernos.
- Aquí tienes los 3 clusters donde puedes recortar más peso hoy mismo:
Bloque 1
Muchos de nosotros instalamos una dependencia, los tests pasan y nunca volvemos a mirarla. El problema es que el ecosistema web avanza más rápido que nuestro package.json.
Estamos cargando entre 60KB y 90KB de JavaScript innecesario porque seguimos usando librerías para resolver problemas que el navegador ya solucionó hace años.
Bloque 2
La clave está en adoptar una mentalidad de "Baseline": auditar dependencias basándonos en la disponibilidad real de las APIs en los navegadores modernos.
Aquí tienes los 3 clusters donde puedes recortar más peso hoy mismo:
Bloque 3
• Internacionalización: Deja de usar timeago.js o numeral. La API `Intl` (Widely available) ya maneja formatos de fecha, números y listas de forma nativa y localizada.
• Clientes HTTP: En la mayoría de los casos, `fetch` + `AbortController` sustituyen a Axios. Si no necesitas interceptores complejos o seguimiento de progreso de subida, estás cargando peso muerto.
Bloque 4
• Primitivos de UI: El elemento ` ` y la Popover API eliminan la necesidad de librerías de modales y tooltips, resolviendo la accesibilidad y el trapping de foco de forma nativa.
Menos JavaScript no es solo optimizar el bundle; es reducir el Total Blocking Time (TBT) y mejorar la experiencia real del usuario.
Bloque 5
¿Ustedes cada cuánto tiempo auditan sus dependencias para eliminar lo que ya es nativo?