Css/performace/Duda

Avatar
Lenrmatterano R

@lenrmatterano

Hola EDTEAM. Una pregunta , consideras una mejor práctica separar los archivos de css dependiendo el tamaño donde te encuentres ? Por ejemplo estilos para mobile en los estilos generales. En otro archivo Estilos para Tablet y por ultimo estilos para desktop. O en la vida real este tipo de cosas no se hacen? Pregunto porque esto mejora el performace a la hora de cargar sus estilos, ya que carga los que sólo ocupa para cada tamaño. Saludos 🖖

Avatar

¡Hola!

Depende mucho de la forma en la que quieras organizar tus documentos, existen arquitecturas como SMACSS, Atom, ... Etcétera que te dan unas guías para tus archivos, un ejemplo de esto podría ser que separes tus archivos como esto.

/estructura.css (Ahí organizas tu layout, sin nada estético (grid, flex))

/estilos.css (Aquí organizas el apartado estético)

/reset.css (Un archivo que formatee tu css, puede ser normalize o una configuración propia)

Si deseas ir un poco más allá, puedes utilizar SASS y mantener todos tus archivos de desarrollo ordenados, al final todo se compilan en 1 solo archivo css. :)

Avatar
Frank Ruiz

@frankruiz

Excelente pregunta, aunque eso dependera del tipo de proyecto, puesto que en wordpress solo existe un css principal que se lee cada vez que se accede al sitio, si se pueden separar los archivos y cargar dependiendo de la aplicacion y hasta de la pagina visitada en un sitio en especifico. Esto me causa curiosidad...

Ver más comentarios

Avatar

Escribe una respuesta