ווי צו מאַכן וואָרדפּרעסס פויל מאַסע דזשאַוואַסקריפּט צו פאַרגיכערן בלאַט רענדערינג?

וואָרדפּרעסספויל לאָודינג פון דזשאַוואַסקריפּט צו פאַרגיכערן בלאַט רענדערינג מעטהאָדס.

וואָס איז די Defer פאַרמאָג פון JavaScript?

אַלעמען האט מיסטאָמע געפּלאָנטערט דעם סיטואַציע:

עס זענען N סקריפּס אין די קאָפּ, און ווען די סקריפּס זענען לאָודיד, די בלאַט רענדערינג איז אפגעשטעלט, וואָס איז יוזשאַוואַלי ליידיק.

פון קורס, מיר קענען באַקומען אַרום דעם דורך שטעלן דעם שריפט אין די מקור קאָד אין די פוטער.

אָבער, עטלעכע קאָמפּלעקס אַנטוויקלונג ינווייראַנמאַנץ קענען מאַכן דעם פּשוט אַרבעט דער הויפּט קאָמפּליצירט.

אין דעם פונט מיר קענען נוצן די Defer פאַרמאָג, וואָס איז אַ לעפיערעך זעלטן פאַרמאָג אין דזשאַוואַסקריפּט.

איר קען קיינמאָל נוצן עס, אָבער נאָך לייענען דעם הקדמה, איך בין זיכער אַז איר וועט נישט לאָזן עס.

זיין הויפּט פֿונקציע איז צו לאָזן די שריפט פּאַרס נאָך די גאנצע בלאַט איז לאָודיד, אַנשטאָט פון פּאַרסינג עס אויף מאַסע, וואָס גיט פול בלאַט לאָדן גיכקייַט פֿאַר סקריפּס וואָס בלויז אַנטהאַלטן געשעעניש-טריגערד דזשאַוואַסקריפּט.

יאָ, אויב די שריפט קוויטל האט אַ דיפער אַטריביוט, עס וועט זיין עקסאַקיוטאַד נאָך פּאַרסינג די HTML בלאַט אפילו אויב עס איז געשטעלט אין די קאָפּ, וואָס איז ענלעך צו שטעלן די שריפט אין די דנאָ פון די בלאַט.

פון קורס, די נוצן פון פאַרהאַלטן איז אויך לימיטעד, יוזשאַוואַלי באַצאָלן ופמערקזאַמקייַט צו 2 פונקטן:

1) דו זאלסט נישט רופן די document.write באַפֿעל אין אַ דיפערד דיפער טיפּ שריפט בלאָק;

• ווייַל document.write וועט פּראָדוצירן דירעקט רעזולטאַט ווירקונג.

2) דו זאלסט נישט נוצן גלאבאלע וועריאַבאַלז אָדער פאַנגקשאַנז אין דעפער סקריפּס, אַרייַנגערעכנט קיין באַלדיק דורכפירונג סקריפּס.

לייג די דעפער אַטריביוט צו די שריפט געניצט אין וואָרדפּרעסס

אין וואָרדפּרעסס, ווי קענען מיר אויטאָמאַטיש לייגן די דעפער אַטריביוט צו די סקריפּס געניצט דורך וואָרדפּרעסס?

מיר קענען לייגן די פאלגענדע קאָד צו דעם קראַנט טעמע ס functions.php טעקע ▼

add_filter( 'clean_url', 'wpcwl_defer_script',11,1);
function wpcwl_defer_script( $url ){
if(strpos($url, '.js') === false){
return $url;
}

return "$url' defer='defer";
};

• די אויבן קאָד בלויז אַרבעט, לויט צודזשאַוואַסקריפּט קאָד באַקענענ דורך וואָרדפּרעססוועט זיין עפעקטיוו.

注意 事项

לייוו פּריוויו מאַנאַגעמענט קען ווייַזן ליידיק:

אויב איר נוצן די אויבן קאָד, ווען איר עפֿענען די פאַקטיש-צייט פאָרויסיקע ווייַזונג פאַרוואַלטונג (אויסזען → קאַסטאַמייז), עס קען זיין ליידיק, אַזוי ביטע נוצן עס ווי צונעמען.

ווען פאַקטיש-צייט פאָרויסיקע ווייַזונג פאַרוואַלטונג איז פארלאנגט, באַמערקונג די אויבן קאָד און ויסמעקן די קאַמענטאַד קאָד נאָך די קוסטאָמיזאַטיאָן איז געענדיקט.

PHP באַמערקונג קאָד בייַשפּיל:

/*

这里是代码 

*/