Correctly ordering external stylesheets and external and inline scripts enables better parallelization of downloads and speeds up browser rendering time.
Page Speed recommends:
Put external scripts after external stylesheets if possible
Browsers execute stylesheets and scripts in the order in which they appear in the document. If the JS code has no dependencies on the CSS files, you can move the CSS files before the JS files. If the JS code does depend on the CSS contained in an external file - for example, styles that are needed for output you are writing to the document in the JS code - this isn't possible.
Put inline scripts after other resources if possible
Putting inline scripts after all other resources prevents blocking of other downloads, and it also enables progressive rendering. However, if those "other resources" are external JS files on which the inline scripts depend, this might not be possible. In this case, it's best to move the inline scripts before the CSS files.
Feel free to contact us with your suggestions, links or ideas!