קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
לרוב, גופנים הם קבצים גדולים שזמני הטעינה שלהם איטיים.
חלק מהדפדפנים מסתירים טקסט עד שהגופן נטען, וכתוצאה מכך מתרחש הבזק של טקסט בלתי נראה (FOIT).
מתי ביקורת תצוגת הגופן של Lighthouse נכשלת
מגדלור
מסמן כתובות URL של גופנים שעשויות להבהב טקסט בלתי נראה:
איך להימנע מהצגת טקסט בלתי נראה
font-display API מציין איך גופן מוצג כשמשתמשים בו בסגנון font-face. הבאים
הערכים של font-display מורים לדפדפן להשתמש בגופן מערכת אם הגופן המותאם אישית עדיין לא מוכן:
איך מונעים שינויים בפריסה שנובעים מדחייה של גופנים
הצגה זמנית של גופן המערכת תחליף FOIT בהבהוב של טקסט ללא סגנון (FOUT). כך תוכלו לשפר את מדדי FCP ו-LCP על ידי עיבוד התוכן מוקדם יותר, אבל ל-FOIT ול-FOUT תהיה השפעה זהה על CLS כשהגופן המותאם אישית יחליף את גופן המערכת הזמני.
אפשר לצמצם את ההשפעה של טעינת הגופן על CLS באמצעות טעינה מראש בשילוב עם font-display: optional.
עם זאת, שימוש יתר בטעינות מראש עלול להשפיע לרעה על מדדי הטעינה. מומלץ לבצע בדיקת A/B כדי לוודא שהטעינה מראש של הגופנים לא גורמת לנסיגה בביצועים.
הנחיות ספציפיות למקבץ
Drupal
אפשר לציין @font-display כשמגדירים גופנים בהתאמה אישית בעיצוב.
[{
"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: 2024-04-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"]],["עדכון אחרון: 2024-04-02 (שעון UTC)."],[],[]]