Sure, does not apply to all js scripts. But here we have really huge ones, (and css, not only js) this is my point.
As I said, I have not seen such extensive in-file use of js/css in any popular theme framework and I hardly think this is a coincidence.
I think having the actual content as far as close to the top of the code is better. Please also refer to:
Putting Your Pages on a Diet With CSS
Pages that use linked external CSS style sheets, rather than embedding a lot of style in the HTML, are lighter weight. These lighter files are faster to download for users who are browsing your site, as well as for search engine spiders. In addition to downloading smaller HTML files, CSS files are typically shared by multiple pages and cached by the user-agent (i.e., the web browser for human viewers, or the spider program for the search engine). So each time a new page is loaded and the browser or crawler sees the <link> statement including the stylesheet, it does not reload it since it already knows about it.
Among the many things that you can do to improve the search engine optimization (SEO) of your web pages, one of the easiest and important thing is to improve on the page load time. It has been shown that improving the page speed leads to better user experience, user engagement and thus, indirectly better search engine optimization. Avoiding the CSS @import statements in your stylesheets are just one of those things to do to improve SEO
Using multiple CSS @import statements inside the HTML source (as opposed to within the CSS file) to include stylesheets does not affect the page load times in most modern browsers. It is the @import statements with an CSS file that is most detrimental to the page load times. You are still discouraged from using the @import statements within the HTML page, because older versions of MSIE loads it later as if it was included at the bottom of the page. So, it is best not to use it. http://www.lostsaloon.com/technology/how-to-avoid-css-import-statements-in-stylesheets-to-improve-seo/
I am sure these can be drastically reduced. I mean even with theme options css, isn’t it possible, say to “disable” theme settings somehow and put those css in one existing external file? It just seems quite weird in modern theming to have so much css inside the file, and at the top of the file as well.
Are you sure? I have not encountered any other theme frameworks that load their css/js in actual html (i.e. warp, genesis, etc). I can see a huge css there and I do not see any reason why it should be loaded dynamically within the actual html file, with some pretty unnecessary classes too (i.e. the ones for woocommerce when many people simply do not use woocommerce).
Moreover, js, if not loading externally, could simply load at the bottom of the code, being less of a SEO problem, instead of loading at the top.
Cool. I think maybe you should also have the standard link in color for post titles, as now it is black and people cannot see that it is a link. And you can make the hover colour as black like the buttons for example or a lighter shade of the specific style colour.
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.