So bindest du jQuery für WordPress über ein CDN ein

jQuery wird häufig für weitere Skripte benötigt, daher ist eine schnelle Bereitstellung trotz HTTP2 sinnvoll, um unnötige Blockierungen zu vermeiden. In manchen Fällen ist es daher sinnvoll auf ein CDN auszuweichen.

Wie das ganze nun funktioniert haben wir im folgenden Code dargestellt. Diesen könnt Ihr einfach in der Functions.php Eures Child-Themes einfügen.

add_action( 'init', 'loadJQueryByCDN', 20 );

function loadJQueryByCDN(){
	if ( is_admin() ) {
		return;
	}

	$protocol = is_ssl() ? 'https' : 'http';

	/** @var WP_Scripts $wp_scripts */
	global $wp_scripts;

	/** @var _WP_Dependency $core */
	$core         = $wp_scripts->registered['jquery-core'];
	$core_version = $core->ver;
	$core->src    = "$protocol://ajax.googleapis.com/ajax/libs/jquery/$core_version/jquery.min.js";

	/** @var _WP_Dependency $jquery */
	$jquery       = $wp_scripts->registered['jquery'];
	$jquery->deps = [ 'jquery-core' ];
}

Das Skript ersetzt den link der Lokalen jQuery Version mit dem link zu Google. Um auch zukünftige Änderungen von WordPress an der jQuery Version zu unterstützen, fragen wir zusätzlich die verwendete Version ab und fügen diese an den Google Link an.

Falls euch der Beitrag geholfen hat, freuen wir uns über einen Kommentar.