קוד ופורמט

מחולל Speculation Rules

צרו JSON חוקי של Speculation Rules עבור Prefetch ו-prerender; אמתו בדפדפן שלכם את הגדרות ברירת המחדל הבטוחות, את דפוסי כתובות ה-URL ואת אפשרויות eagerness.

תצורת Speculation Rules
התחלה בטוחה: Conservative Prefetch בצעו מדידה תחילה באמצעות prefetch בעל סיכון נמוך; הפעילו את היקף prerender בהדרגה, תוך צמצומו בהתאם לנתוני הניווט בפועל.
פועל כולו בדפדפן

הגדרות מוכנות מראש

הגדרות מוכנות מראש משנות יחד את סוג הפעולה ואת רגישות ההפעלה.

שימוש נמוך במשאבים

התנהגות הכלל

בחרו מה הדפדפן יכין, מאיזה מקור ובאיזו מידת מוקדמות.

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

היקף כתובות URL

יש להזין בכל שורה תבנית URLPattern או כתובת URL יעד אחת.

דוגמה: /blog/* או /products/:slug
הקפידו להחריג מסלולים של הפעלות, תשלומים ושינויי מצב.
יש להזין רשימת בוררים תקינה של CSS. קישורים תואמים לא ייכללו בכלל.

בדיקת תחביר וסיכונים בזמן אמת

מבנה JSON, קלטי URLPattern ובחירות צריכת המשאבים נבדקים באופן מיידי.

תקין

קוד שנוצר

1 כלל · 1 יעד/תבנית

תמיכת הדפדפן נבדקת…
מידע

אודות מחולל Speculation Rules

Speculation Rules API, מבקשת מהדפדפן להביא מראש (prefetch) או הכנה מלאה ברקע (prerender) נותנת את ההוראה. בשימוש נכון היא יכולה להאיץ במידה ניכרת את המעברים לדפים הבאים; בשימוש רחב מדי היא עלולה לצרוך שלא לצורך רוחב פס, משאבי שרת ונתוני מדידה.

כלי זה; conservative, moderate ו-aggressive מייצר כלל מתבניות URLPattern או מרשימת כתובות URL מפורשת באמצעות ההגדרות המוכנות מראש. ניתן להוסיף את הפלט כ-JSON פשוט או ישירות לדף בצורה של <script type="speculationrules"> ניתן לקבל בצורה זו. התחביר, בורר ההחרגה של CSS והשילובים המסוכנים נבדקים לחלוטין בדפדפן שלכם.

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

איך להשתמש בזה?

שלב אחר שלב

  1. מתאים לתעבורה ולשימוש שלכם במשאבים Conservative, Moderate או Aggressive בחרו את ההגדרה המוכנה מראש.
  2. קל יותר מבחינת העיבוד prefetch או כזה שמכין את הדף במלואו prerender בחרו.
  3. היקף תבנית URL או רשימת כתובות URL מפורשת הגדירו באמצעות; החריגו נתיבי התחברות, עגלה ותשלום.
  4. טפלו באזהרות התחביר וצריכת המשאבים באזור האימות בזמן אמת.
  5. העתיקו את תגית HTML שנוצרה או את הפלט JSON, או הורידו אותם כקובץ.
שאלות נפוצות

שאלות נפוצות

prefetch מאפשר להביא מראש את מסמך היעד מהרשת; הוא אינו מריץ את הדף. prerender טוען ומרנדר את דף היעד כאילו הוא נמצא בכרטיסייה בלתי נראית. Prerender עשוי לאפשר מעבר מהיר יותר, אך יש להשתמש בו בזהירות, מכיוון ש-JavaScript, בקשות רשת ואירועי ניתוח עשויים לפעול לפני הלחיצה.

conservative מצפה לכוונת משתמש חזקה; מתון משתמש באות כמו המתנה קצרה על קישור. eager ובמיוחד immediate עשוי לפעול מוקדם יותר ולצרוך משאבים רבים יותר. הדפדפן עדיין עשוי לבחור שלא להחיל כלל, בהתאם לתנאי הדפדפן, המכשיר והרשת.

WordPress 6.8 יכול לשלוח כברירת מחדל כלל prefetch שמרני לדפדפנים תומכים עבור קישורים מתאימים בחזית האתר. בדקו תחילה במקור הדף אם כבר קיים type="speculationrules" בדקו את הסקריפט. במקום להוסיף כלל שני מתנגש, בחרו ב־ במידת הצורך wp_speculation_rules_configuration התאימו אישית את תצורת הליבה באמצעות המסנן.

סוג הסקריפט אינו מזוהה והכלל מתעלמים ממנו. הרגיל שבדף <a href> הקישורים פועלים ללא שינוי; אין צורך ב-polyfill מותאם אישית של JavaScript. לכן אל תחברו את יעדי הקישורים רק אל Speculation Rules ושמרו על זרימת הניווט הרגילה.

אל תכללו נתיבים ליציאה, להתחברות, לעגלת הקניות, לתשלום, לחשבון, לניהול, לקישורים חד־פעמיים ולכל נתיב שמשנה מצב בעקבות בקשת GET. מכיוון שדף שעבר prerender עשוי לפעול לפני שהמשתמש לוחץ, ראוי להשתמש בו רק בדפים בטוחים, אידמפוטנטיים ושאינם דולפים מידע אישי.
חזרה לכל הכלים החינמיים