טיפים לכלי הפיתוח: ניפוי באגים בניווטים ספקולטיביים לטעינת דפים מהירה יותר

Sofia Emelianova
Sofia Emelianova

Speculation Rules API מאפשר לכם להטמיע טעינה כמעט מיידית של דפים על סמך כללי ספקולציות שאתם מגדירים. כך האתר יוכל לבצע טעינה מראש ולייצר גרסת רינדור מראש של רוב הדפים שמבקרים מנווטים אליהם.

בסרטון ובהדגמה הזו מוסבר איך:

  • אפשר לבדוק את השערות, הכללים והסטטוסים שלהן בקטע Application (אפליקציה) > Background services (שירותי רקע) > Speculative loads (עומסים ספקולטיביים).
  • אפשר לעבור בין הגרסאות המוצגות באמצעות התפריט הנפתח בסרגל הפעולות בחלק העליון, ולבדוק את הגרסאות המוצגות באמצעות כל החלוניות של DevTools.
  • סטטוס של עיבוד מראש של נתיב בזמן אמת.

איך אפשר לדעת איפה המשתמש ילחץ בפעם הבאה? כדי לעזור לכם למקסם את הפוטנציאל של טעינות ספקולטיביות, גרסת Chrome 121 יכולה עכשיו לזהות את כל הקישורים במסמך במקום רשימה קבועה, אבל לבצע עיבוד מראש רק כשהמשתמש מעביר את העכבר מעל קישור ועומדים ללחוץ עליו.

כדאי לצפות בחלק האחרון של הסרטון כדי ללמוד איך מטמיעים כללי מסמכים ומבצעים בהם ניפוי באגים, שמפעילים עיבוד מראש באירועי תנועה מעל או לחיצה על העכבר. האירועים האלה מספקים יתרון קטן לטעינת דפים באופן משוער לפני הניווט. אפשר לראות את התכונה הזו בהדגמה הזו.

מידע נוסף זמין בדפים הבאים: