כיצד לדחות JavaScript בוורדפרס כדי לשפר את מהירות הדף

פורסם על ידי

עַל 15 באפריל, 2025

סגור לתגובות

אחת הסיבות העיקריות לכך שדפי וורדפרס נטענים לאט היא JavaScript חוסם רינדור. סקריפטים אלה מעכבים את המהירות שבה דפדפן יכול להציג תוכן, במיוחד בחלק העליון והקבוע. על ידי דחיית טעינת JavaScript, תוכל לשפר את מהירות הדף, חווית המשתמש וציוני הביצועים בכלים כמו PageSpeed Insights.

מה זה JavaScript חוסם רינדור?

כאשר דפדפן נתקל בקובץ JavaScript ב-HTML <head>, הוא משהה את הרינדור כדי להוריד, לנתח ולהפעיל את הסקריפט. זה מעכב את המהירות שבה הדף הופך לגלוי למשתמש.

מקורות נפוצים של JS חוסם רינדור:

סקריפטים של ערכות נושא ותוספים (כמו מחוונים, חלונות קופצים, אנימציות)
סקריפטים חיצוניים (Google Analytics, Facebook Pixel וכו')

מה ההבדל בין `לִדחוֹת` ו `אסינכרון`?

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

כיצד לזהות JavaScript בעייתי

השתמש בכלים אלה כדי לראות אילו סקריפטים חוסמים את הרינדור:

Page Speed Insights
Chrome DevTools → הכרטיסייה Lighthouse
Chrome DevTools → רשת → סינון לפי JS

התמקד בטעינת קבצי JS ב- <head> ומסומן כ"חוסם רינדור".

כיצד לדחות JavaScript בוורדפרס

אפשרות 1: הוסף Defer עם קוד (ללא פלאגינים)

הוסף את הקוד הזה לנושאים של הילד שלך functions.php להגיש בקשה לִדחוֹת לכל הסקריפטים מלבד jQuery:

function add_defer_attribute($tag, $handle) {
// דלג על jQuery
if ('jquery-core' === $handle || 'jquery' === $handle) {
החזר $tag;
}
return str_replace(' src', ' defer src', $tag);
}
add_filter('script_loader_tag', 'add_defer_attribute', 10, 2);

אפשרות 2: השתמש ב-Async

בדומה לדחות, אתה יכול להשתמש אסינכרון במקום זאת - פשוט שנה את 'דחה' ל'אסינכרון' בקוד שלמעלה. אבל היזהר: סקריפטים מסוימים תלויים בסדר הטעינה ועלולים להישבר.

לִקְרוֹא כיצד לייעל את טבלת wp_options כדי להאיץ את אתר הוורדפרס שלך

שימוש בתוספים (בזהירות)

אם אינך רוצה לגעת בקוד, תוספים אלה מאפשרים לך לדחות או לסנכרן JS:

**WP Rocket** - ממשק קל, עובד היטב, אך בתשלום.
**ניקוי נכסים** - מאפשר לך לדחות או להשבית סקריפטים ספציפיים באופן ידני.
**תסריטים מעופפים** - קל משקל וממוקד בדחיית JS לאחר עיכוב.

⚠️ בדוק תמיד לאחר ההפעלה - דחיית הסקריפט השגוי עלולה לשבור את פריסת האתר או הפונקציונליות שלך.

כיצד לבדוק את ההשפעה

השתמש ב-PageSpeed Insights או ב-GTmetrix לפני/אחרי
פתח את האתר שלך בחלון גלישה בסתר כדי לזהות בעיות גלויות
השתמש בכלי DevTools ← כרטיסיית רשת ← בדוק את סדר הטעינה והתזמון

מסקנה: דחה אסטרטגית

דחיית JavaScript היא אחת הטכניקות הפשוטות אך החזקות ביותר להאצת אתר הוורדפרס שלך. התחל עם סקריפטים בטוחים, הימנע מדחיית jQuery (אלא אם כן אתה מכניס אותו לרשת), ובדוק היטב.

רוצה ללכת רחוק יותר? בקש ביקורת ביצועים בחינם מ-SpeedWP Pro ואנו נעזור לייעל את הסקריפטים ואת אסטרטגיית הטעינה שלך לקבלת תוצאות מקסימליות.

בלוג