Y como le bajo el peso a un archivo css o js? He visto que bootstrap tiene archivos como bootstrap.min.css. Esto lo puedo hacer con gener...

En ocasiones también depende de las capacidades del framework que estés usando.A esto se le llama purgar estilos, que es lo que necesitas, hay framework como Tailwind que ya tienen eso integrado, así tu aplicación no tendrá estilos que no usa.

Pero también puedes hacerlo con otras herramientas. Te dejo este pequeño artículos donde se habla de eso https://www.elmaquetadorweb.com/2019/01/analizar-y-limpiar-estilos-css-sin-usar-buscar-selectores-css-no-usados-mostrar-funciones-de-javascript-que-se-estan-ejecutando.html

Anteriormente era muy usual comprimir ese tipo de archivos, pero actualmente los frameworks y librerías se encargan de esa parte. Como fundamentos, es bueno saber esa parte

Podrías utilizar en VS Code la extensión: JS & CSS Minifier (Minify) yo la utilizo para minimizar javascript y css, otra técnica aparte de minimizar es ofuscar que sería usar una extensión también que cambia los nombres de las variables y funciones por valores más cortos en el caso de javascript, para que queden aún más ligeras, pero si necesitas debugging con el código ofuscado es más difícil de darle mantenimiento.

Buenos días/tardes/noches Sebastian, espero que estés bien.

Existen distintas herramientas para lograr eso. En el caso del css una podría ser

En el caso de JavaScript el mismo Babel si lo configuras te da también un archivo comprimido o minified.

Otra alternativa si no quieres usar esas herramientas que te menciono, ya sea porque aún no las manejas o por cualquier otra razón, hay herramientas en linea que puedes usar, como por ejemplo cssminifier.