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

Marc Wag­ner

Febru­ar 8, 2021

1 min read|

jQuery wird häu­fig für wei­te­re Skrip­te benö­tigt, daher ist eine schnel­le Bereit­stel­lung trotz HTTP2 sinn­voll, um unnö­ti­ge Blo­ckie­run­gen zu ver­mei­den. In man­chen Fäl­len ist es daher sinn­voll auf ein CDN aus­zu­wei­chen.

Wie das gan­ze nun funk­tio­niert haben wir im fol­gen­den Code dar­ge­stellt. Die­sen könnt Ihr ein­fach in der Functions.php Eures Child-The­­mes ein­fü­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 Loka­len jQuery Ver­si­on mit dem link zu Goog­le. Um auch zukünf­ti­ge Ände­run­gen von Word­Press an der jQuery Ver­si­on zu unter­stüt­zen, fra­gen wir zusätz­lich die ver­wen­de­te Ver­si­on ab und fügen die­se an den Goog­le Link an.

Falls euch der Bei­trag gehol­fen hat, freu­en wir uns über einen Kom­men­tar.

88e86fcb816eff22bc917094df2862d8dd5c0e978b333e6dd5f36f808990c261 96

Arti­kel von:

Marc Wag­ner

Hal­lo, Marc hier. Ich bin der Grün­der von Forge12 Inter­ac­ti­ve und bereits seit über 20 Jah­ren lei­den­schaft­lich dabei Web­sei­ten, Online­shops, Anwen­dun­gen und SaaS-Lösun­gen für Unter­neh­men zu ent­wi­ckeln. Vor der Grün­dung habe ich bereits in Bör­sen notier­ten Unter­neh­men gear­bei­tet und mir aller­lei Wis­sen ange­eig­net. Die­ses Wis­sen möch­te ich nun an mei­ne Kun­den wei­ter­ge­ben.

Hast du eine Fra­ge? Hin­ter­lass bit­te einen Kom­men­tar
  1. blank
    Uli Hoff­mann Janu­ar 6, 2023 at 11:39 — Rep­ly

    Hal­lo und guten Tag!

    Im Moment habe ich auf mei­ner Sei­te nur ein Pro­blem aus­ser der DOM-Grö­­ße. . Bei Page­speed holt mich die Jquery.js 3.2.1 immer von den Zei­ten rauf. Immer wird der Kom­men­tar bei Page­speed ange­zeigt:

    Res­sour­cen besei­ti­gen, die das Ren­de­ring blo­ckie­ren
    /jquery/jquery.js?ver=3.6.1

    Bin ich hier an die Gren­ze mit dem Tem­p­la­te ange­langt?

    Könnt Ihr uns da hel­fen?

    Gruß Uli

    P.S. Fro­hes neu­es Jahr!