במדריך הזה נסביר איך להשתמש בכלי הפיתוח ל-Chrome כדי לבצע את הפעולות הבאות:
- כדי לבדוק אם הדף עבר אופטימיזציה לטעינה מיידית, משתמשים בלחצני החזרה וההעברה של הדפדפן.
- מזהים בעיות שעשויות למנוע מהדף שלכם לעמוד בדרישות לשימוש בשמירה כזו במטמון.
המטמון לדף הקודם/הבא (או bfcache) הוא אופטימיזציה של דפדפן שמאפשרת ניווט מיידי אחורה וקדימה. מידע נוסף זמין במאמר מטמון לדף הקודם/הבא.
בדיקת התכונה 'מטמון לדף הקודם/הבא'
כדי לבדוק את התכונה 'מטמון לדף הקודם/הבא', פועלים לפי השלבים הבאים:
בדף, פותחים את DevTools ועוברים אל Application > Background services > Back/forward cache.
לוחצים על בדיקת התכונה 'מטמון לדף הקודם/הבא'.
Chrome יעביר אתכם באופן אוטומטי אל
chrome://terms/
ואז חזרה לדף שלכם.לחלופין, אפשר ללחוץ על הלחצנים 'הקודם' ו'הבא' בדפדפן.
אם המטמון לדף הקודם/הבא פועל בדף ללא בעיות, תוצג ההודעה הבאה:
אחרת, תוצג רשימה של בעיות.
כדי לבדוק אילו בעיות משפיעות על אילו פריימים, מרחיבים את הקטע Frames.
פתרון בעיות שמונעות שמירת נתונים במטמון
אם הדף לא עומד בדרישות לשמירה במטמון לדף הקודם/הבא, בכרטיסייה מטמון לדף הקודם/הבא תוצג רשימה עם שלושה סוגים של סיבות:
- ניתן לבצע פעולה. כדי להפעיל את האחסון במטמון, צריך לפתור את הבעיות האלה. לדוגמה, להפסיק להשתמש באירועים מסוג
unload
. - בהמתנה לתמיכה. עדיין אין תמיכה בתכונות האלה ב-Chrome, ולכן הן מונעות שמירת נתונים במטמון. עם זאת, ברגע שהתמיכה תתחיל, ההגבלות האלה יוסרו מ-Chrome.
- לא ניתן לנקוט פעולה. אי אפשר לפתור את הבעיות האלה בדף הזה. יש גורם שמחוץ לשליטה של הדף ומונע שמירה במטמון.
כדי לבדוק איזה פריים חוסם את הטעינה, מרחיבים את הקטע המתאים מתחת לתיאור הבעיה.
בעיות נפוצות שמונעות שמירה של מטמון לדף הקודם/הבא
אלה שתי הסיבות העיקריות שמונעות את הפעלת bfcache:
כותרת
Cache-Control: no-store
.מומלץ להשתמש בערך הכותרת הזה בדפים עם מידע אישי ופרטי. לדפים שאתם רוצים שיהיו עדכניים למדי, השתמשו ב-
no-cache
או בזמן קצר לשמירת נתונים במטמון, למשלmax-age=60
.גורמים בעייתיים לטיפול באירועים שנטענו.
אנחנו מתכננים להוציא משימוש גורמים שמטפלים באירועים של הסרת נתונים שנטענו, וממליצים לא להשתמש באירוע
unload
אף פעם.כדי לוודא שהאתר לא משתמש במטפלי פריקת נתונים, ולמשל למנוע מתוספים להוסיף אירועי
unload
, צריך להצהיר על כותרת התגובהPermissions-Policy: unload=()
של HTTP.