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.

Hier klicken, um den Beitrag zu bewerten
[Gesamt: 0 Durchschnitt: 0]

Ein Kommentar

  1. Benutzerbild von Uli Hoffmann
    Uli Hoffmann Januar 6, 2023 um 11:39 Uhr- Antworten

    Hallo und guten Tag!

    Im Moment habe ich auf meiner Seite nur ein Problem ausser der DOM-Größe. . Bei Pagespeed holt mich die Jquery.js 3.2.1 immer von den Zeiten rauf. Immer wird der Kommentar bei Pagespeed angezeigt:

    Ressourcen beseitigen, die das Rendering blockieren
    /jquery/jquery.js?ver=3.6.1

    Bin ich hier an die Grenze mit dem Template angelangt?

    Könnt Ihr uns da helfen?

    Gruß Uli

    P.S. Frohes neues Jahr!

Hinterlasse einen Kommentar

Titel