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

Palasthotel

greatestview

Embed JavaScript File Content

Boosts performance of critical short JavaScript files by allowing to embed their code instead of linking to files. Script positions and extra scripts  …

jp2112

Enqueue Font Awesome CDN

Automatically enqueue the Font Awesome font and CSS toolkit from the MaxCDN network.

Panagiotis (Panos) Anastasiadis

Enqueueror

Supercharged CSS & JS Coding for WordPress

Serge Boyko

WP Enqueue

This plugin makes it dramatically easier to enqueue scripts and styles. Manage it from a separate option menu page.

Primoz Cigler

Remove CSS link IDs

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

Tribulant Software

MooTools

Safely adds the MooTools JavaScript framework to your WordPress generated pages.

MagicStick

Enqueue Me

Easily enqueue your favourite javascript and CSS libraries from an open-source package library. Designed specifically for WordPress theme developers.

Timothy Wood

Improve Enqueued Asset URLs

Improve caching for browsers by improving enqueued asset URLs

Charles Jaimet

SebRolland

Asset Finder

Finds and allows late-loading and removal of the scripts and styles enqueued on your website.

<p><strong>CAUTION</strong>: 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!</p>
<p>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.</p>
<p>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.</p>
<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>


Alternatives to Inline JavaScript in Head

Top alternatives