Title: Inline JavaScript in Head
Author: Palasthotel GmbH
Published: <strong>March 11, 2019</strong>
Last modified: April 29, 2020

---

Search plugins

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://s.w.org/plugins/geopattern-icon/inline-javascript-in-head.svg)

# Inline JavaScript in Head

 By [Palasthotel GmbH](https://profiles.wordpress.org/palasthotel/)

[Download](https://downloads.wordpress.org/plugin/inline-javascript-in-head.1.2.0.zip)

 * [Details](https://twd.wordpress.org/plugins/inline-javascript-in-head/#description)
 * [Reviews](https://twd.wordpress.org/plugins/inline-javascript-in-head/#reviews)
 *  [Installation](https://twd.wordpress.org/plugins/inline-javascript-in-head/#installation)
 * [Development](https://twd.wordpress.org/plugins/inline-javascript-in-head/#developers)

 [Support](https://wordpress.org/support/plugin/inline-javascript-in-head/)

## Description

**CAUTION**: This plugin is now deprecated! The successor plugin is [Embed JavaScript File Content](https://wordpress.org/plugins/embed-javascript-file-content/).
The new plugin is rebuild from scratch and more rock solid: It respects order and
position of scripts and extra scripts added via `wp_add_inline_script` or `wp_localize_script`
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 `<head>` section of your template. You can benefit from better performance,
if you place the JavaScript code directly inside a `<script>` tag into the header.
This is where this plugin comes in: It provides a filter `inline_javascript_in_head_handles`,
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 `<head>` 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.

#### Example

    ```
    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 );
    }
    ```

## Installation

 1. Upload `inline-javascript-in-head.zip` to the `/wp-content/plugins/` directory.
 2. Activate the plugin through the ‘Plugins’ menu in WordPress.
 3. Use the `inline_javascript_in_head_handles` filter in your theme or plugin.
 4. You’re done!

## Reviews

![](https://secure.gravatar.com/avatar/9399ed5bc3aec5b8d618c21e9031066d14431e406f318713064014527255fe56?
s=60&d=retro&r=g)

### 󠀁[Slowed Down Website](https://wordpress.org/support/topic/slowed-down-website/)󠁿

 [Bob0221](https://profiles.wordpress.org/bob0221/) January 23, 2020 1 reply

Slowed down the website and deactivating the plugin appears not to reverse the moving
of the javascript to the head. Complete restore of website to resolve.

 [ Read all 1 review ](https://wordpress.org/support/plugin/inline-javascript-in-head/reviews/)

## Contributors & Developers

“Inline JavaScript in Head” is open source software. The following people have contributed
to this plugin.

Contributors

 *   [ Palasthotel GmbH ](https://profiles.wordpress.org/palasthotel/)
 *   [ greatestview ](https://profiles.wordpress.org/greatestview/)

[Translate “Inline JavaScript in Head” into your language.](https://translate.wordpress.org/projects/wp-plugins/inline-javascript-in-head)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/inline-javascript-in-head/),
check out the [SVN repository](https://plugins.svn.wordpress.org/inline-javascript-in-head/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/inline-javascript-in-head/)
by [RSS](https://plugins.trac.wordpress.org/log/inline-javascript-in-head/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.2.0

 * CAUTION: Last update! This plugin is now deprecated (see description section)
 * Bugfix: Some scripts could have gotten lost under certain conditions.

#### 1.1.2

 * readme.txt code appearance screwed up, now hopefully fixed.

#### 1.1.1

 * readme.txt update

#### 1.1

 * Added filter `inline_javascript_in_head_wrap_try_catch`, which can add add a 
   try catch wrapper around the JavaScript code.

#### 1.0

 * First release

## Meta

 *  Version **1.2.0**
 *  Last updated **6 years ago**
 *  Active installations **10+**
 *  WordPress version ** 4.0 or higher **
 *  Tested up to **5.4.19**
 *  PHP version ** 5.4 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/inline-javascript-in-head/)
 * Tags
 * [enqueue](https://twd.wordpress.org/plugins/tags/enqueue/)[head](https://twd.wordpress.org/plugins/tags/head/)
   [inline](https://twd.wordpress.org/plugins/tags/inline/)[javascript](https://twd.wordpress.org/plugins/tags/javascript/)
   [scripts](https://twd.wordpress.org/plugins/tags/scripts/)
 *  [Advanced View](https://twd.wordpress.org/plugins/inline-javascript-in-head/advanced/)

## Ratings

 1 out of 5 stars.

 *  [  0 5-star reviews     ](https://wordpress.org/support/plugin/inline-javascript-in-head/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/inline-javascript-in-head/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/inline-javascript-in-head/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/inline-javascript-in-head/reviews/?filter=2)
 *  [  1 1-star review     ](https://wordpress.org/support/plugin/inline-javascript-in-head/reviews/?filter=1)

[Add my review](https://wordpress.org/support/plugin/inline-javascript-in-head/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/inline-javascript-in-head/reviews/)

## Contributors

 *   [ Palasthotel GmbH ](https://profiles.wordpress.org/palasthotel/)
 *   [ greatestview ](https://profiles.wordpress.org/greatestview/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/inline-javascript-in-head/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://palasthotel.de/)