Vladimir Prelovac

<p>The Yahoo! Exceptional Performance team recommends <a href="http://developer.yahoo.com/performance/rules.html#js_bottom" rel="nofollow ugc">placing scripts at the bottom of your page</a> because of the way browsers download components.</p>
<p>“The problem caused by scripts is that they block parallel downloads. The HTTP/1.1 specification suggests that browsers download no more than two components in parallel per hostname. If you serve your images from multiple hostnames, you can get more than two downloads to occur in parallel. While a script is downloading, however, the browser won’t start any other downloads, even on different hostnames.</p>
<p>In some situations it’s not easy to move scripts to the bottom. If, for example, the script uses document.write to insert part of the page’s content, it can’t be moved lower in the page. There might also be scoping issues. In many cases, there are ways to workaround these situations.”</p>
<p>WordPress default behavior is to load javascript in the  page.</p>
<p>This plugin will move all javascript code to the footer if the plugins have <a href="http://www.prelovac.com/vladimir/best-practice-for-adding-javascript-code-to-wordpress-plugin" rel="nofollow ugc">declared javascript properly</a>.</p>
<p>Plugin by <a href="http://www.prelovac.com/vladimir" rel="nofollow ugc">Vladimir Prelovac</a>. Looking for <a href="http://www.prelovac.com/vladimir/services" rel="nofollow ugc">WordPress Services</a>?</p>
<h3>License</h3>
<p>This file is part of Footer JavaScript.</p>
<p>Footer JavaScript is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.</p>
<p>Footer JavaScript is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.</p>
<p>You should have received a copy of the GNU General Public License along with Footer JavaScript. If not, see <a href="http://www.gnu.org/licenses/" rel="nofollow ugc">http://www.gnu.org/licenses/</a>.</p>


JavaScript to Footer

I used and face some of bad experience with it 

Can't give perfect result

This plugin automatically moves JavaScript code to page footer, speeding up page loading time.

WP OnlineSupport

Anoop Ranawat

Pratik Jain

Ketan Patel

Piyush Patel

Essential Plugin

Riddhi Shukla

<blockquote>
<p><strong>Important Note</strong> : This plugin work better with WordPress older version till 5.7.</p>
</blockquote>
<p>It still works with latest version of WordPress 5.8 or above but you need to enable Legacy / Classic / Old Widget Screen. For this you need to add following code in your theme/child theme functions.php file:</p>
<pre><code>function fmgc_theme_setup() {
    remove_theme_support( 'widgets-block-editor' );
}
add_action( 'after_setup_theme', 'fmgc_theme_setup' );
</code></pre>
<p>OR</p>
<pre><code>// Disables the block editor from managing widgets.
add_filter( 'use_widgets_block_editor', '__return_false' );
</code></pre>
<p><a href="https://demo.essentialplugin.com/footer-mega-grid-columns-demo/?utm_source=WP&utm_medium=Footer_Grid&utm_campaign=Read-Me" rel="nofollow ugc">Explore Footer Mega Grid Features</a> | <a href="https://www.essentialplugin.com/pricing/?utm_source=WP&utm_medium=Footer_Grid&utm_campaign=Read-Me" rel="nofollow ugc">Annual or Lifetime Bundle Deal</a></p>
<p>Is your footer stuck in the default “1 or 2 columns” that came with your theme?</p>
<p><a href="https://www.essentialplugin.com/wordpress-plugin/footer-mega-grid-columns/?utm_source=WP&utm_medium=Footer_Grid&utm_campaign=Read-Me" rel="nofollow ugc">Footer Mega Grid Columns</a> is a free plugin which allows you to create footer areas in grid depending upon the requirement of your theme.</p>
<p>Footer Mega Grid Columns – Register a footer widget area for your theme and allow you to add and display footer widgets in grid view with multiple columns.</p>
<p>The site footer is a valuable piece of site real estate, often containing important lead generating items such as mailchimp and social. A well designed footer can be a tremendous benefit.</p>
<h4>How to display footer grid</h4>
<p>Add the following code in your footer.php</p>
<pre><code><?php if( function_exists('slbd_display_widgets') ) { echo slbd_display_widgets(); } ?>
</code></pre>
<h4>Features</h4>
<ul>
<li>Add a Footer widget ie Footer Mega Grid Columns .</li>
<li>Display all widgets in grid 1,2,3,4 etc under Footer Mega Grid Columns.</li>
<li>Can be used with most of the themes.</li>
<li>Third party widget can be added.</li>
</ul>
<h4>How to install :</h4>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/52Q0IHcnxVo?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>


Footer Mega Grid Columns – For Legacy / Classic / Old Widget Screen

Footer Mega Grid Columns register a footer widget area for theme and allow you to add and display footer widgets in grid view with multiple columns.

JavaScript to Footer vs Footer Mega Grid Columns – For Legacy / Classic / Old Widget Screen