Foros del Web » Creando para Internet » Diseño web »

Problema con optimizacion en la pagina, (Segun Audits de chrome)

Estas en el tema de Problema con optimizacion en la pagina, (Segun Audits de chrome) en el foro de Diseño web en Foros del Web. Buenas! La herramienta Audits de chrome me devuelve la siguiente advertencia (roja) : " Optimize the order of styles and scripts (1) 1 inline script ...
  #1 (permalink)  
Antiguo 05/09/2014, 21:18
Avatar de Albuss  
Fecha de Ingreso: enero-2012
Ubicación: Coruña
Mensajes: 475
Antigüedad: 12 años, 9 meses
Puntos: 30
Pregunta Problema con optimizacion en la pagina, (Segun Audits de chrome)

Buenas!

La herramienta Audits de chrome me devuelve la siguiente advertencia (roja) :

"Optimize the order of styles and scripts (1)
1 inline script block was found in the head between an external CSS file and another resource. To allow parallel downloading, move the inline script before the external CSS file, or after the next resource.
"


Yo sigo este orden para el head de mi html :

Código HTML:
Ver original
  1. <!-- CSS -->
  2.    
  3.     <link type="text/css" href="CSS/***.css" rel="stylesheet" media="all">
  4.     <link type="text/css" href="CSS/***.css" rel="stylesheet" media="all">
  5.     <link type="text/css" href="CSS/***.css" rel="stylesheet" media="all">
  6.     <link type="text/css" href="CSS/***.css" rel="stylesheet" media="all">
  7.     <link type="text/css" href="CSS/Frames/***.css" rel="stylesheet" media="all">
  8.     <link type="text/css" href="CSS/Frames/***.css" rel="stylesheet" media="all">
  9.     <link type="text/css" href="CSS/Frames/***.css" rel="stylesheet" media="all">
  10.     <link type="text/css" href="CSS/Frames/***.css" rel="stylesheet" media="all">
  11.  
  12. <!-- Javascript -->
  13.  
  14.     <script src="***.js" language="javascript"></script>
  15.     <script src="DeusExMachinaPossessions/***.js" language="javascript"></script>
  16.     <script src="DeusExMachinaPossessions/**.js" language="javascript"></script>
  17.     <script src="DeusExMachinaPossessions/**.js" language="javascript"></script>
  18.     <script src="DeusExMachinaPossessions/**.js" language="javascript"></script>
  19.     <script src="DeusExMachinaPossessions/**.js" language="javascript"></script>
  20.     <script src="DeusExMachinaPossessions/**.js" language="javascript"></script>
  21.     <script src="DeusExMachinaPossessions/**.js" language="javascript"></script>
  22.     <script src="DeusExMachinaPossessions/**.js" language="javascript"></script>
  23.     <script src="DeusExMachinaPossessions/**.js" language="javascript"></script>
  24.     <script src="DeusExMachinaPossessions/**.js" language="javascript"></script>
  25.     <script src="DeusExMachinaPossessions/**.js" language="javascript"></script>
  26.     <script src="DeusExMachinaPossessions/**.js" language="javascript"></script>
  27.     <script src="DeusExMachinaPossessions/**.js" language="javascript"></script>
  28.     <script src="DeusExMachinaPossessions/**.js" language="javascript"></script>
  29.     <script src="DeusExMachinaPossessions/**.js" language="javascript"></script>
  30.     <script src="DeusExMachinaPossessions/**.js" language="javascript"></script>
  31.    
  32.     <!-- Google See -->
  33.        
  34.     <script>
  35.    
  36.       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  37.       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  38.       m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  39.       })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  40.    
  41.       ga('create', 'UA-36263008-1', 'auto');
  42.       ga('send', 'pageview');
  43.  
  44.     </script>


Como deberia reestructurar mi cabezera? si pongo el script de google antes que el CSS me saltan 8 ADVERTENCIAS en vez de una, por que me dice que deben estar primero los CSS para la descarga en paralelo.
  #2 (permalink)  
Antiguo 07/09/2014, 02:45
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.725
Antigüedad: 22 años, 9 meses
Puntos: 998
Respuesta: Problema con optimizacion en la pagina, (Segun Audits de chrome)

con lo que nos muestras no te podemos ayudar, pues lo que se ve está bien. (amén que incluir 17 archivos de js me parezca una grosería)
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #3 (permalink)  
Antiguo 07/09/2014, 23:51
Avatar de Albuss  
Fecha de Ingreso: enero-2012
Ubicación: Coruña
Mensajes: 475
Antigüedad: 12 años, 9 meses
Puntos: 30
Respuesta: Problema con optimizacion en la pagina, (Segun Audits de chrome)

Cita:
Iniciado por webosiris Ver Mensaje
con lo que nos muestras no te podemos ayudar, pues lo que se ve está bien. (amén que incluir 17 archivos de js me parezca una grosería)
Perdóname, no sabia que era una grosería, por que es una grosería?
  #4 (permalink)  
Antiguo 08/09/2014, 03:02
Avatar de Tecna  
Fecha de Ingreso: enero-2010
Mensajes: 291
Antigüedad: 14 años, 10 meses
Puntos: 45
Respuesta: Problema con optimizacion en la pagina, (Segun Audits de chrome)

Buenas.

Todos los scripts de javascript, ya sean internos o externos bloquean la descarga de cualquier recurso posterior hasta que hayan sido descargados y analizados. Por eso cuanto menos código javascript haya más rápido cargará la página. Lo que se recomienda es hacer una carga diferida de los que no sean necesarios para la carga inicial, teniendo cuidado con el orden en que aparecen para evitar problemas de dependencias.
__________________
tecnawebs.es Diseño web y programación - Modelado 3D.

google plus

Etiquetas: javascript, order, scripts
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 16:02.