Mark Jaquith

<p>Encute provides a fluent, declarative API for site owners to manipulate the scripts and styles that WordPress, themes, and plugins shove onto their site. Move things into the footer, defer loading, remove assets entirely. Or load scripts async, or as modules, or as nomodule!</p>
<p>Here’s an example of how you could use the plugin:</p>
<pre><code><?php

use CWS\Encute\{ Plugin, Script, Style };

add_action(Plugin::class, function (Plugin $plugin) {
    $isContactPage = fn () => is_page('contact');
    Script::get('contact-form-7')->keepIf($isContactPage)->footer()->defer();
    Style::get('contact-form-7')->keepIf($isContactPage)->footer()->defer();

    Style::get(['mediaelement', 'wp-mediaelement'])->footer()->defer();
    Style::get('material-icons')->defer();
    Script::get('jquery')->remove();
});
</code></pre>
<h3>Wrapper</h3>
<p>Always run code in this wrapper:</p>
<pre><code>add_action(\CWS\Encute\Plugin::class, function (\CWS\Encute\Plugin $encute) {
    // Your code here.
});
</code></pre>
<p>This wrapper will be a no-op if Encute is not available, and it will both wait for Encute to be available to run, and pass you Encute’s main class instance.</p>
<h3>Fluency</h3>
<p>Both <code>Script::get()</code> and <code>Style::get()</code> return an instance of themselves, as do all calls to their methods, so you can just chain your calls.</p>
<h3>Script</h3>
<ul>
<li><code>static CWS\Encute\Script::get(string $handle): CWS\Encute\Script</code> — get a Script instance for that handle.</li>
<li><code>CWS\Encute\Script::module(): CWS\Encute\Script</code> — make the script a module.</li>
<li><code>CWS\Encute\Script::noModule(): CWS\Encute\Script</code> — make the script nomodule.</li>
<li><code>CWS\Encute\Script::footer(): CWS\Encute\Script</code> — send the script to the footer (along with its entire dependency family).</li>
<li><code>CWS\Encute\Script::async(): CWS\Encute\Script</code> — make the script async.</li>
<li><code>CWS\Encute\Script::defer(): CWS\Encute\Script</code> — make the script defer.</li>
<li><code>CWS\Encute\Script::remove(): CWS\Encute\Script</code> — remove the script.</li>
<li><code>CWS\Encute\Script::removeIf(callable $callback): CWS\Encute\Script</code> — remove the script if the callback resolves as true.</li>
<li><code>CWS\Encute\Script::keepIf(callable $callback): CWS\Encute\Script</code> — keep the script if the callback resolves as true (else remove it).</li>
</ul>
<h3>Style</h3>
<ul>
<li><code>static CWS\Encute\Style::get(string $handle): CWS\Encute\Style</code> — get a Style instance for that handle.</li>
<li><code>CWS\Encute\Style::footer(): CWS\Encute\Style</code> — send the style to the footer (along with its entire dependency family).</li>
<li><code>CWS\Encute\Style::defer(): CWS\Encute\Style</code> — defer the style’s loading.</li>
<li><code>CWS\Encute\Style::remove(): CWS\Encute\Style</code> — remove the style.</li>
<li><code>CWS\Encute\Style::removeIf(callable $callback): CWS\Encute\Style</code> — remove the style if the callback resolves as true.</li>
<li><code>CWS\Encute\Style::keepIf(callable $callback): CWS\Encute\Style</code> — keep the style if the callback resolves as true (else remove it).</li>
</ul>


Encute

Fluent API for site owners to manipulate the scripts and styles on the frontend of their site.

CreativeMindsSolutions

<p><a href="https://www.cminds.com/wordpress-plugins-library/wordpress-header-and-footer-script-loader-plugin/" rel="nofollow ugc">Premium Plugin Page</a> | <a href="https://www.videolessonsplugin.com/video-lesson/lesson/header-footer-script-loader-plugin/" rel="nofollow ugc">Videos</a>  | <a href="https://creativeminds.helpscoutdocs.com/category/452-header-and-footer-script-loader" rel="nofollow ugc">User Guide</a></p>
<p><strong>Easily manage and control header and footer scripts and styles on your WordPress site using a simple and user-friendly plugin.</strong></p>
<p>⭐ <em>We’re excited to introduce the updated 2025 version of the CM Header and Footer plugin! This release brings a fresh, modern design to the script creation and editing interface, making it even more intuitive and user-friendly. Install now and enjoy the improved experience!</em></p>
<p>With the Header and Footer Script Loader plugin, you can easily manage and control additional scripts and styles on your WordPress site.</p>
<p>This plugin allows you to pre-load all scripts and styles in the plugin settings, as well as inject custom JavaScript and code to suit your needs.</p>
<p>You have the option to choose whether a script should be automatically or manually uploaded in all posts.</p>
<h3>Insert Headers and Footers Premium Edition</h3>
<p>The <a href="https://www.cminds.com/wordpress-plugins-library/wordpress-header-and-footer-script-loader-plugin/" rel="nofollow ugc">Insert Headers and Footers Plugin Premium editions</a> includes even more powerful features, such as: each post has a header and footer metabox that allows you to control the various scripts and styles, device selection for each script and stlye and much more.</p>
<h3>Insert Headers and Footers Plugin Introduction Video</h3>
<div class="embed-vimeo" style="text-align: center;"><iframe loading="lazy" src="https://player.vimeo.com/video/141020978" width="750" height="422" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
<h3>Insert Script Plugin Use Cases</h3>
<ul>
<li><strong>Control Site Scripts</strong> – Easily add or replace various scripts and styles to your WordPress site.</li>
<li><strong>Selective Loading Per Post</strong> – Target scripts and styles to specific posts or groups of custom posts.</li>
<li><strong>Reduce Script Load</strong> – Reduce the amount of scripts loaded throughout the site.</li>
<li><strong>Target Script to Specific Posts or URL Pattern</strong> (premium plugin) – Target scripts to load on a specific URL or URL pattern.</li>
<li><strong>Per Device Script Support</strong> (premium plugin) – Load script on a Mobile or Desktop or both.</li>
</ul>
<h3>Basic Plugin Features</h3>
<ul>
<li>Add unlimited number of JS scripts and CSS styles.</li>
<li>Load scripts in header or footer.</li>
<li>Load scripts on all posts and pages.</li>
<li>Load scripts on selected post types.</li>
</ul>
<h3>Pro Version Features</h3>
<p><a href="https://www.cminds.com/wordpress-plugins-library/wordpress-header-and-footer-script-loader-plugin/" rel="nofollow ugc">Pro Version Detailed Features List</a></p>
<ul>
<li>Add unlimited number of JS, CSS, PHP and HTML scripts.</li>
<li>Load scripts in header, footer, after opening body tag, before or after content.</li>
<li>Support script loading on custom posts.</li>
<li>Target scripts to selected posts and pages.</li>
<li>Target scripts to posts of chosen categories.</li>
<li>Target scripts to posts of chosen tags.</li>
<li>Target scripts by URL or group of URLs.</li>
<li>Target by device type: desktop only, mobile only or both for each script you set.</li>
<li>Control script loading on specific posts using a metabox.</li>
<li>Control when to launch scripts by adding timeframe.</li>
<li>Add titles and internal notes to scripts.</li>
</ul>
<h3>Follow Us</h3>
<p><a href="https://www.cminds.com/category/wordpress/" rel="nofollow ugc">Blog</a> | <a href="http://twitter.com/cmplugins" rel="nofollow ugc">Twitter</a> | <a href="https://www.linkedin.com/company/creativeminds" rel="nofollow ugc">LinkedIn</a> | <a href="https://www.youtube.com/user/cmindschannel" rel="nofollow ugc">YouTube</a> | <a href="http://www.pinterest.com/cmplugins/" rel="nofollow ugc">Pinterest</a> | <a href="https://www.facebook.com/cmplugins/" rel="nofollow ugc">Facebook</a></p>
<h3>Plugin usage instructions</h3>
<ol>
<li>Click “Add New Script”.</li>
<li>Fill the “Script Name” field and paste “Script Code”.</li>
<li>Click “Expand Additional Settings”.</li>
<li>Optionally, add a note with explanations for a script.</li>
<li>Select “Script Type”, “Script Location” and “Where to Load”.</li>
<li>Click “Save Script”.</li>
</ol>
<h3>Suggested Plugins by CreativeMinds</h3>
<p>List of all <a href="https://www.cminds.com" rel="nofollow ugc">WordPress Plugins</a> by CreativeMinds</p>
<ul>
<li><a href="https://glossaryplugin.com/" rel="nofollow ugc">CM Tooltip Glossary</a> – Easily creates a Glossary, Encyclopaedia or Dictionary of your website’s terms and shows them as a tooltip in posts and pages when hovering. With many more powerful features.</li>
<li><a href="https://www.downloadmanagerplugin.com/" rel="nofollow ugc">CM Download Manager</a> – Allows users to upload, manage, track and support documents or files in a download directory listing database for others to contribute, use and comment upon.</li>
<li><a href="https://www.answersplugin.com/" rel="nofollow ugc">CM Answers Plugin</a> – A fully-featured WordPress Questions & Answers Plugin that allows you to build multiple discussion forum systems Just like StackOverflow, Yahoo Answers and Quora, Now with MicroPayments and Anonymous posting support.</li>
<li><a href="http://restrictcontent.com/" rel="nofollow ugc">CM Restrict Content</a> – A full-featured, powerful membership solution and content restriction plugin for WordPress. Support access by role to content on your site.</li>
<li><a href="https://onboardingplugin.com/" rel="nofollow ugc">CM OnBoarding</a> – Superb Guidance tool which improves the online experience and the user satisfaction.</li>
</ul>


CM Header and Footer  – Add custom scripts and styles to your header and footer with ease

Add custom CSS and JavaScript to headers and footers on your site with the header and footer plugin for enhanced control and design.

Encute vs CM Header and Footer – Add custom scripts and styles to your header and footer with ease