If you look at the contents of the scripts you are including they look like this:
var randno = Math.random();
var el = document.createElement("script");
el.src = "http://full-time.thefa.com/js/cs1.do?cs="+lrcode+"&random="+randno;
el.type="text/javascript";
document.getElementsByTagName("head")[0].appendChild(el);
So basically, they are using a previously declared variable together with a randomly generated number to create a script tag and append it to the head of your document.
There’s no reason that you couldn’t make this more generic, like so:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Football!</title>
<script>
function createScript(id){
var randno = Math.random();
var el = document.createElement("script");
el.src = "http://full-time.thefa.com/js/cs1.do?cs=" + id +"&random="+randno;
el.type="text/javascript";
document.getElementsByTagName("head")[0].appendChild(el);
}
createScript("123581294");
createScript("929926638");
createScript("173961819");
</script>
</head>
<body>
<p>Hello!</p>
</body>
</html>
Probably, but only very slightly.
For me, the main advantage of this approach would be that I didn’t have to have script tags scattered throughout my HTML.
So, are you interested in speeding up your loading times?
There are numerous ways to do this.
If so, just let me know and I’ll summarize a few of them.
Also, please give me a few details about your site (e.g. do you use a CMS, where is the site hosted, what kind of access do you have to the server etc.)
The best way to avoid <script> scatter is to move them all to just before the </body> tag.
That also reduces the amount of code needed by some scripts as you no longer need code to test of the DOM has loaded and only one or two possible scripts will ever need to test for onload.
The only time moving all the scripts to just before the </body> tag increases the amount of code needed is where the scripts contain antiquated document.write calls that need to be parsed into something better.