Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Google Audit Question

The following external CSS files were included after an external JavaScript file in the document head. To ensure CSS files are downloaded in parallel, always include external CSS before external JavaScript. 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.

My HTML is:

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

Is it getting confused between the body inline script?

like image 917
Tom Gullen Avatar asked Dec 15 '10 16:12

Tom Gullen


2 Answers

Inspect the page elements. Probably your Chrome extensions are dynamically adding scripts to the page in HEAD.

like image 169
DavidT Avatar answered Oct 16 '22 16:10

DavidT


I think that when javascript is downloaded the browser must wait to get it all and then run it - this stops it going to the next line directly and getting it. I guess styles all get downloaded and then computed down to inheritance position and importance etc...so they can download in parallel.

This kind of thing is hard to regulate in a CMS with components that load their own style and js.

like image 33
landed Avatar answered Oct 16 '22 15:10

landed