Leí por ahí que alguien dijo que es mala práctica no tener un archivo CSS por cada pantalla de mi desarrollo, pero al tener varios archiv...

Hola, es una mala practica porque dificulta leer el codigo css. Si es buena practica tener diferentes archivos css y es verdad que se vuelve un poco mas lento. Pero puedes solucionar eso ofuscando el archivos, este articulo explica mejor eso seria mejor que para que lleves eso a cabo aprendieras un poco de npm, porque ahora puede ser un poco confuso, pero quédate con que hay formas de que todos esos archivos css que creaste convertirlos a un solo archivo css con un .min. Ese archivo va a tener código muy difícil de entender para nosotros, pero fácil de entender para el navegador y con mucho menos peso, además de tener todo esos estilos en un archivo. Puedes enlazar ese archivo al html y asi no te preocuparas porque pesen mucho los estilos o tener diferentes archivos y puedes trabajar tranquilamente con los otros archivos css. Espero haber ayudado 😃😃😄.

:D Hola, Alfonso. La idea es "cargar solo el CSS necesario", por ejemplo, si la página que está viendo el usuario no tiene un formulario de contacto, no debería cargar los estilos de un formulario de contacto. Lo anterior desmotiva tener un solo archivo CSS monolítico para toda tu aplicación. Cómo lo implementes, eso ya puede depender del escenario y las tecnologías disponibles, pero la idea es la misma, ser eficientes para no entorpecer innecesariamente la experiencia del usuario cargando más de lo necesario.