2010-12-15 14 views
9

外部の ファイルを文書ヘッドに添​​付した後に、次の外部CSSファイルが に含まれていました。 CSSファイルが並行してダウンロードされるようにするには、 外部JavaScriptの前に常に には外部CSSが含まれている必要があります。 1インラインスクリプト ブロックが、外部CSSファイル と別の リソースの間の先頭に見つかりました。 をダウンロードするには、外部CSSファイルの前にインラインスクリプト を移動するか、次のリソース の後に移動します。Google監査の質問

私のHTMLは次のとおりです。

<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> 

は、それが身体のインラインスクリプトの間で混乱か?

答えて

13

ページ要素を検査します。おそらくChrome拡張機能は、HEADのページにスクリプトを動的に追加している可能性があります。

+1

私にとっては、の最後の前に、追加の

1

JavaScriptがダウンロードされると、ブラウザはすべてを取得してから実行する必要があると思います。これは、次の行に直接行き着くことを止めます。私は、スタイルがすべてダウンロードされ、次に継承の位置と重要度などに計算されていると思うので、彼らは並行してダウンロードすることができます。

この種のことは、独自のスタイルとjsをロードするコンポーネントを持つCMSでは規制しにくいです。

1

私にとっては、Googleアナリティクスのライブラリには残りの部分の前にスクリプトが挿入されていました。