שימוש ב-document.write()
יכול לעכב את הצגת תוכן הדף בעשרות שניות, והוא בעייתי במיוחד למשתמשים עם חיבורים איטיים.
לכן Chrome חוסם את ההפעלה של document.write()
במקרים רבים,
ואי אפשר להסתמך עליו.
במסוף כלי הפיתוח של Chrome תוצג ההודעה הבאה כשמשתמשים ב-document.write()
:
[Violation] Avoid using document.write().
ההודעה הבאה תופיע במסוף כלי הפיתוח של Firefox:
An unbalanced tree was written using document.write() causing
data from the network to be reparsed.
איך הבדיקה של document.write()
במסגרת Lighthouse נכשלה
Lighthouse מסמנים קריאות ל-document.write()
שלא נחסמו על ידי Chrome:

בשימוש הבעייתי ביותר, Chrome יחסום את הקריאות ל-document.write()
או ישלח אזהרה על כך במסוף, בהתאם למהירות החיבור של המשתמש.
בכל מקרה, הקריאות שהושפעו מופיעות במסוף DevTools.
למידע נוסף, אפשר לעיין במאמר של Google בנושא התערבות נגד document.write()
.
Lighthouse מדווח על כל הקריאות שנותרו ל-document.write()
כי הן משפיעות לרעה על הביצועים, לא משנה איך משתמשים בהן, ויש חלופות טובות יותר.
הימנעות מ-document.write()
צריך להסיר את כל השימושים בdocument.write()
בקוד. אם הוא נמצא בשימוש
כדי להחדיר סקריפטים של צד שלישי, נסו להשתמש
טעינה אסינכרונית
במקום זאת.
אם קוד של צד שלישי משתמש ב-document.write()
, צריך לבקש מהספק לתמוך בעומס אסינכרוני.