Ver Mensaje Individual
  #1 (permalink)  
Antiguo 29/08/2014, 16:05
chocovo
 
Fecha de Ingreso: abril-2003
Ubicación: Valencia
Mensajes: 223
Antigüedad: 21 años, 1 mes
Puntos: 7
Un css enorme o varios pequeños según dispositivo.

Hola,

Mirando los resultados que aporta http://gtmetrix.com sobre mi web me ha venido algo a la cabeza...

Por un lado se recomienda tener el menor numero de archivos CSS y por otro lado, hay que intentar tener archivos pequeños para que carguen bien.


Hasta el momento suelo utilizar un css muy grande con estilos para todos los dispositivos en funcion del tamaño de la pantalla.

ejemplo: @media screen and (max-width:768px){...}

Si cargara distintos CSS en función del tamaño de pantalla con
<link href="768.css" rel="stylesheet" type="text/css" media="all and (max-width: 768px)" />
aumentaría el numero de ficheros.

¿Qué creeis que es mejor? ¿un css grande o varios css pequeños?

¿Se puede cargar los distintos css con PHP en función del tamaño de pantalla para que así sólo cargue el que necesita?

Gracias y un saludo