Usar frameworks como Bootstrap o jQuery puede ser cómodo, pero muchas veces estás cargando cientos de KB que ni siquiera usás. En esta nota te cuento cuándo conviene usarlos y cuándo es mejor evitarlos.
¿Qué es un "framework pesado"?
En el mundo del desarrollo web, usamos frameworks como Bootstrap, jQuery, Foundation o Materialize para acelerar el desarrollo. Pero muchas veces cargamos todo el framework... ¡y usamos solo el 5%!
Eso significa decenas o cientos de kilobytes extra que el navegador tiene que descargar, procesar y renderizar. Todo suma en contra del tiempo de carga.
¿Cuándo un framework se vuelve un problema?
Algunas señales de alerta:
- Tu web usa Bootstrap solo para un par de botones y una grilla.
- Tenés jQuery cargado solo para una animación o toggle.
- No estás usando la versión personalizada o reducida del framework.
- Tenés funciones duplicadas que podrían resolverse con JavaScript o CSS nativo.
Alternativas más livianas (o nativas)
Hoy en día el navegador puede hacer muchas cosas que antes necesitaban librerías. Algunas ideas:
- CSS Grid / Flexbox: reemplazan a gran parte del sistema de grillas de Bootstrap.
- JavaScript Vanilla: para toggles, sliders simples, efectos scroll, etc.
- Fetch API: para llamadas AJAX sin jQuery.
¿Y si igual querés usar Bootstrap o jQuery?
No hay problema, pero hacelo con conciencia:
- Usá solo los módulos que necesitás. Por ejemplo, Bootstrap permite compilar versiones custom.
- Eliminá los componentes que no usás (collapse, dropdowns, modals, etc.).
- En jQuery, usá una versión minificada y moderna si realmente lo necesitás.
Herramientas para detectar peso innecesario
- Google PageSpeed Insights: te dice si estás cargando JS o CSS innecesario.
- PurgeCSS: analiza tu HTML y elimina el CSS no usado.
- Webpack: si usás build tools, te permite tree shaking y bundles optimizados.
Conclusión
Los frameworks son geniales cuando te hacen ganar tiempo. Pero si te hacen perder velocidad de carga... es momento de replantear. Usá lo que necesitás, evitá lo que no, y aprovechá todo lo que CSS y JavaScript nativo ya te ofrecen.
Tu web y tus usuarios te lo van a agradecer 😎
