Chris J. Zähller

<p>In its default settings, Contact Form 7 loads its JavaScript and CSS stylesheet on every page. This slows page loading and taxes server and client resources. Use this plugin to control which pages the scripts load on.</p>
<p>NEW in v1.0.15: The plugin also prevents scripts and styles from the following plugins from loading. If you are using any other plugin that extends Contact Form 7 and loads its scripts on all pages, please open a support ticket and we will look into adding it.</p>
<ul>
<li>Contact Form 7 Conditional Fields</li>
<li>Contact Form 7 Multi-Step Forms</li>
<li>Contact Form CFDB7</li>
<li>Drag and Drop Multiple File Upload — Contact Form 7</li>
</ul>
<h3>Translations</h3>
<ul>
<li>English: Default language, always included</li>
</ul>
<p>Would you like to help translate Conditionally Load CF7 into your own language? <a href="https://translate.wordpress.org/projects/wp-plugins/cf7-conditional-load" rel="nofollow ugc">You can do that here!</a></p>


Conditionally Load CF7

Load Contact Form 7 & select CF7-related plugin scripts & styles only where needed.

Palasthotel GmbH

greatestview

<p>In some critical cases you cannot wait for a JavaScript file to load. Then you can benefit from better performance, if you embed the JavaScript code directly into the <code><script></code> tag. This is where this plugin comes in: It provides a filter <code>embed_javascript_file_content_handles</code>, which takes JavaScript handles and echos their code content into the DOM instead of linking to a file.</p>
<p>Please beware that placing lots of embedded JavaScript code 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( 'embed_javascript_file_content_handles', 'my_embed_javascript_file_content_handles' );
function my_embed_javascript_file_content_handles( $handles ) {
    $scripts = [ 'js-detection' ];

    return array_merge( $handles, $scripts );
}
</code></pre>


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  …

Conditionally Load CF7 vs Embed JavaScript File Content