Foros del Web » Creando para Internet » CSS »

Css ineficiente

Estas en el tema de Css ineficiente en el foro de CSS en Foros del Web. Hola, uso Speed Page de Google para comprobar el rendimiento de mi web, y dice esto sobre mi css: Código: Very inefficient rules (good to ...
  #1 (permalink)  
Antiguo 28/07/2009, 06:17
 
Fecha de Ingreso: septiembre-2005
Ubicación: Valencia
Mensajes: 738
Antigüedad: 12 años, 3 meses
Puntos: 5
Pregunta Css ineficiente

Hola, uso Speed Page de Google para comprobar el rendimiento de mi web, y dice esto sobre mi css:
Código:
Very inefficient rules (good to fix on any page):

    * #menu_superior ul li a:hover    Tag key with 3 descendant selectors and hover pseudo selector
    * ul.menu_principal li a    Tag key with 2 descendant selectors and Class overly qualified with tag
    * ul.menu_principal li a:hover    Tag key with 2 descendant selectors and hover pseudo selector and Class overly qualified with tag

Inefficient rules (good to fix on interactive pages):

    * #menu_superior ul li    Tag key with 2 descendant selectors
    * #menu_superior ul li a    Tag key with 3 descendant selectors
    * .info div:hover    Tag key with descendant selector and hover pseudo selector
    * table.mapa tr    Tag key with descendant selector and Class overly qualified with tag
    * table.mapa td    Tag key with descendant selector and Class overly qualified with tag
    * table.mapa img    Tag key with descendant selector and Class overly qualified with tag
He mirado en internet y es completamente correcto hacerlo asi... y si no ¿Como se hace 'optimizadamente'?

Muchas gracias
__________________
http://www.pkmrpg.es
  #2 (permalink)  
Antiguo 28/07/2009, 08:54
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 12 años, 3 meses
Puntos: 54
Respuesta: Css ineficiente

bueno lo q pasa es q se pueden hacer de una manera mas optima, te doy un ejemplo

* table.mapa img
se aplicaria a cualquier imagen q este en una tabla con clase tipo mapa y q a su vez este incluida en cualquier cosa
todo esto se podria traducir en
.imgDeTablaMapa y en ves de hacer todo lo anterior creas una clase nueva y le pones esta clase a la imagen
a la hora de aplicar el estilo el navegador va a aplicar mucho mas rapido esta forma q la primera
__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 28/07/2009, 10:19
 
Fecha de Ingreso: septiembre-2005
Ubicación: Valencia
Mensajes: 738
Antigüedad: 12 años, 3 meses
Puntos: 5
Respuesta: Css ineficiente

Vale,
Muchas gracias Emiliodeg

Saludos!
__________________
http://www.pkmrpg.es
  #4 (permalink)  
Antiguo 28/07/2009, 10:48
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 9 meses
Puntos: 997
Respuesta: Css ineficiente

también podrias eliminar los LI, un A que esté dentro de un UL indefectiblemente tiene que estar dentro de un LI, así que poner UL LI es algo redundante
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #5 (permalink)  
Antiguo 28/07/2009, 11:42
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Css ineficiente

Pero... ¿esos asteriscos están al principio de cada línea o los pone el analizador para diferenciar líneas y que las veas claras?
__________________
Visita mi nueva web idplus.org
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:20.