2010-12-15 52 views
9

Les fichiers CSS externes suivants ont été inclus après un fichier JavaScript externe dans l'en-tête de document. Pour assurer fichiers CSS sont téléchargés en parallèle, toujours inclure CSS externe avant JavaScript externe. Un script en ligne a été trouvé dans la tête entre un fichier CSS externe et une autre ressource . Pour autoriser le téléchargement parallèle , déplacez le script en ligne avant le fichier CSS externe ou après la ressource suivante.Question d'audit Google

Mon HTML est:

<head> 

    <link rel="Stylesheet" href="gStyle.css" />   
    <script type="text/javascript" src="gMain.js"></script> 
    <script type="text/javascript" language="javascript"> 

     // Your chart object(s) 
     var myChart; 

     // Function to hold all chart creation 
     function initCharts() { 

      myChart = new ganttChart("chart1"); 

      myChart.gAddBar("Dynamic!", "22/3/2010", "3/4/2010"); 

      myChart.gLoadData("Going to the shop*4/3/2010*19/3/2010*Watching TV*9/3/2010*23/3/2010*Watching TV*1/3/2010*23/3/2010*Watching TV*18/3/2010*28/3/2010*END INPUT*1/3/2010*9/3/2010"); 

      myChart.gDraw(); 

      myChart.gChangeBarColour(1, "#dd2200"); 
      myChart.gChangeBarColour(2, "#9900ee"); 
      myChart.gChangeBarColour(3, "#00dd00"); 
      myChart.gChangeBarColour(4, "#ffbb00"); 
      myChart.gChangeBarColour(5, "#00aa99"); 

     } 

    </script> 

</head> 

<body onload="initCharts()"> 




    <div id="chart1" class="gContainer">  


    </div> 

    <div id="db"></div> 

</body> 

Est-il se confondre entre le script en ligne de corps?

Répondre

13

Inspectez les éléments de la page. Vos extensions Google Chrome ajoutent dynamiquement des scripts à la page dans HEAD.

+1

Pour moi, c'était l'API JS de Google Maps qui ajoute dynamiquement

1

Je pense que lorsque le javascript est téléchargé, le navigateur doit attendre pour tout obtenir et ensuite l'exécuter - cela l'empêche d'aller directement à la ligne suivante et de l'obtenir. Je suppose que les styles sont tous téléchargés puis calculés en fonction de la position et de l'importance de l'héritage, etc ... afin qu'ils puissent être téléchargés en parallèle.

Ce genre de chose est difficile à régler dans un CMS avec des composants qui chargent leur propre style et js.

1

Pour moi, la bibliothèque Google Analytics a inséré des scripts avant le reste de la mienne.