Palasthotel

greatestview

CAUTION: This plugin is now deprecated! The successor plugin is <a href="https://wordpress.org/plugins/embed-javascript-file-content/" rel="ugc">Embed JavaScript File Content</a>. The new plugin is rebuild from scratch and more rock solid: It respects order and position of scripts and extra scripts added via <code>wp_add_inline_script</code> or <code>wp_localize_script</code> don’t get lost. Give it a try!
In some cases you cannot wait for a JavaScript file to load, even if it is placed early in the <code><head></code> section of your template. You can benefit from better performance, if you place the JavaScript code directly inside a <code><script></code> tag into the header. This is where this plugin comes in: It provides a filter <code>inline_javascript_in_head_handles</code>, which takes JavaScript handles, dequeues those scripts and echos their code content inline into the head section instead of linking them via a script tag.
Please beware that placing lots of JavaScript code inline in the <code><head></code> section can be critical! First you lose caching benefits and second the document size can increase easily. A general rule of thumb is that you should only consider JavaScript files for inline placement, which are critical and which have a file size lower than ~500 Bytes.
<h4>Example</h4>
<pre><code>add_action( 'wp_enqueue_scripts', 'my_scripts' );
function my_scripts() {
 // Some critical script is enqueued
 wp_enqueue_script( 'js-detection', get_template_directory_uri() . '/js/js-detection.js' );
}

/**
 * Define JavaScript handles to be echoed inline in the html head section.
 */
add_filter( 'inline_javascript_in_head_handles', 'my_inline_javascript_in_head_handles', -20 );
function my_inline_javascript_in_head_handles( $handles ) {
 $scripts = [ 'js-detection' ];

 return array_merge( $handles, $scripts );
}
</code></pre>

Inline JavaScript in Head

Boosts performance of critical short JavaScripts by placing their content directly into the HTML head.

Primoz Cigler

This simple plugin hooks to the <code>wp_enqueue_scripts</code> and removed the <code>id='<handle of the css file>-css'</code> attribute. Most of the time you don’t need these IDs anyway.
I am using the <a href="https://developers.google.com/speed/pagespeed/module" rel="nofollow ugc">mod_pagespeed</a> module on my server and the <code>combine_css</code> filter doesn’t work if the <code><link></code> tags have ID attributes. So based on <a href="https://blog.codecentric.de/en/2011/10/wordpress-and-mod_pagespeed-why-combine_css-does-not-work/" rel="nofollow ugc">this blog post</a> I created a very very simple (basically one-liner) plugin that removes the ID attribute using regex.
There is also a very simple unit test for it, created using wp-cli: <code>wp scaffod plugin ...</code>.
Enjoy the speedy sites! 🙂
Do you want to contribute? Great! Please fork <a href="https://github.com/primozcigler/remove-css-ids" rel="nofollow ugc">this repository</a>, make the changes and create a pull request.

Remove CSS link IDs

WP plugin that removes the ID attributes from the  tags for the CSS files. Used mostly together with mod_pagespeed.

Inline JavaScript in Head vs Remove CSS link IDs