כיצד לגרום לוורדפרס לטעון JavaScript בעצלתיים כדי להאיץ את עיבוד העמודים?

וורדפרסטעינה עצלנית של JavaScript כדי להאיץ את שיטות עיבוד העמודים.

מהו מאפיין Defer של JavaScript?

כולם כנראה נתקלו במצב הזה:

יש N סקריפטים בראש, וכאשר הסקריפטים נטענים, עיבוד העמודים חסום, שבדרך כלל ריק.

כמובן, נוכל לעקוף את זה על ידי הכנסת הסקריפט בקוד המקור לכותרת התחתונה.

עם זאת, כמה סביבות פיתוח מורכבות יכולות להפוך את המשימה הפשוטה הזו למורכבת במיוחד.

בשלב זה נוכל להשתמש במאפיין Defer, שהוא מאפיין נדיר יחסית ב-JavaScript.

אולי לעולם לא תשתמש בו, אבל לאחר קריאת ההקדמה הזו, אני בטוח שלא תעזוב אותו.

תפקידו העיקרי הוא לתת לסקריפט לנתח לאחר טעינת העמוד כולו, במקום לנתח אותו בעת טעינה, מה שמספק מהירות טעינת עמוד מלאה עבור סקריפטים המכילים רק JavaScript שהופעל על ידי אירועים.

כן, אם לתגית הסקריפט יש תכונה defer, היא תתבצע לאחר ניתוח דף ה-HTML גם אם הוא ממוקם בראש, מה שדומה להצבת הסקריפט בתחתית העמוד.

כמובן שגם השימוש בעיכוב מוגבל, בדרך כלל שימו לב ל-2 נקודות:

1) אל תקרא לפקודת document.write בבלוק סקריפט מסוג דחייה;

• כי document.write ייצור אפקט פלט ישיר.

2) אל תשתמש במשתנים או פונקציות גלובליות בסקריפטים של Defer, כולל סקריפטים לביצוע מיידי.

הוסף את התכונה Defer לסקריפט המשמש בוורדפרס

בוורדפרס, איך נוכל להוסיף אוטומטית את התכונה Defer לסקריפטים שבהם משתמש וורדפרס?

אנו יכולים להוסיף את הקוד הבא לקובץ 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";
};

• הקוד לעיל עובד רק, לפיקוד JavaScript שהוצג על ידי וורדפרסיהיה יעיל.

注意 事项

ניהול תצוגה מקדימה חיה עשוי להציג ריק:

אם אתה משתמש בקוד שלמעלה, כאשר אתה פותח את ניהול התצוגה המקדימה בזמן אמת (מראה ← התאמה אישית), הוא עשוי להופיע ריק, אז אנא השתמש בו בהתאם.

כאשר נדרש ניהול תצוגה מקדימה בזמן אמת, הערה את הקוד שלמעלה, ומחק את הקוד המוער לאחר השלמת ההתאמה האישית.

דוגמה לקוד הערה PHP:

/*

这里是代码 

*/