jimbo2150

This plugin extends the WP_Scripts class, adding some additional methods and filters that overload the existing script output to add Require.js syntax. It loads scripts via Require.js and by default defers until the DOMContentLoaded event fires (unless a manually added require() is called within the head/body and does not wait for the DOM to be loaded. 
It is designed to work in conjunction with HTTP/2 but will function fine without it (though you may see slower load times).
This plugin is design to assist developers in updating and creating JavaScript that is asynchronous – that is, scripts that can load in a different order and do not assume that their dependencies are available immediately. Use of the Asynchronous Module Definition (AMD) allows a script to define it’s dependencies and have them loaded asynchronously prior to the entire script or the initialization portion executes.
It is common for larger projects to concatenate together scripts however, they can end up a jumbled mess and smaller required functions are often duplicated (and redundant) across multiple scripts. HTTP/2 corrects this by allowing multiple resource files to be requested and downloaded within a single TCP window. As projects get larger and more diverse it is becoming more economical to load the individual components (modules) that are needed rather than download and execute one massive concatenated script file (which can also cause the browser to freeze up).
NOTE: This plugin currently only replaces non-administrative (front-end) scripts with Require.js syntax.
Plugin website: https://techie-jim.net/wordpress-plugins/requirewp/

RequireWP

Uses Require.js to load scripts faster and speed up WordPress / increase site load speed & performance. Designed to work with HTTP/2.

wipeoutmedia

Safely add CSS, JavaScript, PHP or HTML to unique code blocks, then choose where it goes on your site. For even more power, get our free AI-powered snippet plugin here: <a href="https://wpsnippets.ai/?utm_source=cjt_free_on_wordpress&utm_medium=readme_txt_description&utm_campaign=click_for_premium_link" rel="nofollow ugc">WP Snippets AI</a>
<h3>IDEAL FOR:</h3>
<ul>
<li>Making CSS front-end changes – No need to modify theme files or work with tedious built-in theme options. Just create a CSS code block.</li>
<li>Adding site functionality – Stop adding plugins for simple tasks as they can slow down your site. Create a JavaScript or PHP code block instead.</li>
<li>Adding widgets, code snippets and third-party scripts – Code blocks are perfect for adding scripts such as Google Analytics and chat widgets to your website.</li>
</ul>
CJT is built on the concept of a code block. Each code block is more than just a code editor. It also contains a location editor so you can click the sections of your website you want your code to run.
It was designed for super-fast development without any cumbersome page refreshing. Create as many code blocks as you need and see all of your code and locations in the one dashboard. Don’t worry, CJT has been optimised to handle 100’s of code blocks and thousands of locations (i.e. Pages, Posts, Categories, Custom Posts, etc).
<a href="https://css-javascript-toolbox.com/?utm_source=cjt_free_on_wordpress&utm_medium=readme_txt_description&utm_campaign=click_for_premium_link" rel="nofollow ugc">Click for CSS & JavaScript Toolbox PLUS</a>
<h3>FEATURES:</h3>
<ul>
<li>Easy to use ‘code blocks’ interface</li>
<li>Powerful code editor</li>
<li>Intuitive assignment panel (click where your code goes)</li>
<li>Code/script library management</li>
<li>Add code to the header or footer hook</li>
<li>PREMIUM Add code to entire website, all posts, etc</li>
<li>PREMIUM Add code via shortcodes, widgets, Gutenburg blocks, etc</li>
<li>PREMIUM Add code via tags, URLs, regular expressions</li>
<li>PREMIUM 8 additional hooks for more precise assignments</li>
<li>PREMIUM Invert feature (run code everywhere but …)</li>
<li>PREMIUM Editor tools (code auto complete, beautify/minify, etc)</li>
<li>PREMIUM Code revisions system</li>
<li>PREMIUM Backup and export/import system</li>
</ul>
<a href="https://css-javascript-toolbox.com/?utm_source=cjt_free_on_wordpress&utm_medium=readme_txt_description&utm_campaign=click_for_premium_link" rel="nofollow ugc">Click for CSS & JavaScript Toolbox PLUS</a>
<h3>OVERVIEW VIDEO</h3>
<iframe loading="lazy" title="CSS & JavaScript Toolbox PLUS WordPress plugin demo" width="750" height="422" src="https://www.youtube.com/embed/vYAKePVgJqE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

CSS & JavaScript Toolbox

Add CSS, JavaScript, PHP and HTML code snippets to your site. For AI-powered snippets, get our free plugin here: wpsnippets.ai

RequireWP vs CSS & JavaScript Toolbox