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