קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
כשמקשרים לדף באתר אחר באמצעות המאפיין target="_blank",
אתם יכולים לחשוף את האתר לבעיות של ביצועים ואבטחה:
ייתכן שהדף השני יפעל באותו תהליך כמו הדף שלכם.
אם הדף השני מריץ הרבה JavaScript,
ייתכן שביצועי הדף ייפגעו.
הדף השני יכול לגשת לאובייקט window באמצעות המאפיין window.opener.
זה עלול לאפשר לדף האחר להפנות את הדף לכתובת URL זדונית.
מתבצעת הוספה של rel="noopener" או rel="noreferrer"
לקישורי target="_blank" שלך כדי למנוע את הבעיות האלה.
איך בדיקת היעדים של Lighthouse ממקורות שונים נכשלה
מערכת Lighthouse מסמנת קישורים לא בטוחים ליעדים ממקורות שונים:
מערכת Lighthouse משתמשת בתהליך הבא כדי לזהות קישורים כלא בטוחים:
צריך לאסוף את כל התגים מסוג <a> שמכילים את המאפיין target="_blank"
אבל לא המאפיינים rel="noopener" או rel="noreferrer".
מסננים קישורים עם אותו מארח.
מערכת Lighthouse מסננת קישורים עם אותו מארח,
יש תרחיש קצה שעליו אתם צריכים להיות מודעים אם אתם עובדים באתר גדול:
אם דף אחד מכיל קישור target="_blank" לדף אחר באתר בלי להשתמש ב-rel="noopener",
ההשלכות על הביצועים של הביקורת עדיין חלות.
עם זאת, הקישורים האלה לא יופיעו בתוצאות של Lighthouse.
איך לשפר את ביצועי האתר ולמנוע נקודות חולשה באבטחה
הוספה של rel="noopener" או rel="noreferrer"
לכל קישור שמזוהה בדוח Lighthouse.
באופן כללי, כשמשתמשים ב-target="_blank", תמיד
הוספה של rel="noopener" או rel="noreferrer":
<a href="https://examplepetstore.com" target="_blank" rel="noopener">
Example Pet Store
</a>
המדיניות rel="noopener" מונעת מהדף החדש
כדי לגשת לנכס window.opener
מבטיח שהוא יפעל בתהליך נפרד.
ל-rel="noreferrer" יש את אותו אפקט
אבל גם מונע את הכותרת Referer
משליחה לדף החדש.
מידע נוסף זמין בקטע סוג הקישור "noreferrer".
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"חסרים לי מידע או פרטים"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"התוכן מורכב מדי או עם יותר מדי שלבים"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"התוכן לא עדכני"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"בעיה בתרגום"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"בעיה בדוגמאות/בקוד"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"סיבה אחרת"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"התוכן קל להבנה"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"התוכן עזר לי לפתור בעיה"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"סיבה אחרת"
}]
{"lastModified": "\u05e2\u05d3\u05db\u05d5\u05df \u05d0\u05d7\u05e8\u05d5\u05df: 2019-05-02 (\u05e9\u05e2\u05d5\u05df UTC)."}
[[["התוכן קל להבנה","easyToUnderstand","thumb-up"],["התוכן עזר לי לפתור בעיה","solvedMyProblem","thumb-up"],["סיבה אחרת","otherUp","thumb-up"]],[["חסרים לי מידע או פרטים","missingTheInformationINeed","thumb-down"],["התוכן מורכב מדי או עם יותר מדי שלבים","tooComplicatedTooManySteps","thumb-down"],["התוכן לא עדכני","outOfDate","thumb-down"],["בעיה בתרגום","translationIssue","thumb-down"],["בעיה בדוגמאות/בקוד","samplesCodeIssue","thumb-down"],["סיבה אחרת","otherDown","thumb-down"]],["עדכון אחרון: 2019-05-02 (שעון UTC)."]]
