Satya Prakash

Did you ever read about Optimization of website/blog through ordering styles and Scripts in head section? 
If you like your website load in browser as quickly as possible then you may have read in performance optimization tips that 
you should move all CSS files on top and script at last in HTML head section <head></head>.
How do you order those calls? If you are manually putting CSS and JavaScript files in head section (<head></head>), 
then you can do this very easily. Just modify once and optimization for this is over. 
What if you are using plugins and that are adding calls to JavaScript and CSS files dynamically. This is case of WordPress blog, 
where we use many plugins and those plugins add various Styles and Script files dynamically from wp_head() call.
If above lines, do not makes much sense to you then probably you have not 
read this documentation on <a href="http://code.google.com/speed/page-speed/docs/rtt.html#PutStylesBeforeScripts" rel="nofollow ugc">Google</a>.
The plugin will also collect different inline scripts to one place. Thus making the source code 
look better.
To check, if the plugin is doing anything or not, compare the Head section before and after 
activating the plugin.
(For reading more details discussion, follow the Plugin link on right side.)
<a href="https://profiles.wordpress.org/satya61229" rel="nofollow ugc">Author (satya61229) About page on WP</a>

Performance Optimization: Order Styles and Javascript

Ordering StyleSheet and JavaScript (external and inline) for performance optimization.

Scott Reilly

Ever want to tweak the appearance of the WordPress admin pages by hiding stuff, moving stuff around, changing fonts, colors, sizes, etc? Any modification you may want to do with CSS can easily be done via this plugin.
Using this plugin you’ll easily be able to define additional CSS (inline and/or files by URL) to be added to all administration pages. Hooks are provided to customize the output of the CSS, the CSS files, and if/when the CSS should even be output (see Hooks section).
Links: <a href="https://coffee2code.com/wp-plugins/add-admin-css/" rel="nofollow ugc">Plugin Homepage</a> | <a href="https://wordpress.org/plugins/add-admin-css/" rel="ugc">Plugin Directory Page</a> | <a href="https://github.com/coffee2code/add-admin-css/" rel="nofollow ugc">GitHub</a> | <a href="https://coffee2code.com" rel="nofollow ugc">Author Homepage</a>
<h3>Developer Documentation</h3>
Developer documentation can be found in <a href="https://github.com/coffee2code/add-admin-css/blob/master/DEVELOPER-DOCS.md" rel="nofollow ugc">DEVELOPER-DOCS.md</a>. That documentation covers the hooks provided by the plugin.
As an overview, these are the hooks provided by the plugin:
<ul>
<li><code>c2c_add_admin_css</code> : Filter to customize the CSS that should be added directly to the admin page head.</li>
<li><code>c2c_add_admin_css_files</code> : Filter to customize the list of CSS files to enqueue in the admin.</li>
<li><code>c2c_add_admin_css_disable_css</code> : Filter to customize if the CSS defined via this plugin should be output or not.</li>
</ul>

Add Admin CSS

This plugin did *exactly* what I wanted. A plugin had dropped some ad stuff into the Publish box, but it had a good CSS class, so I just hid it.

I really like that the text field for holding the CSS is intelligent and does things like auto include closing brackets, code coloring, etc.

Worked perfectly

Easily define additional CSS (inline and/or by URL) to be added to all administration pages.

Performance Optimization: Order Styles and Javascript vs Add Admin CSS