کد و قالب

ایجادکنندهٔ Speculation Rules

برای Prefetch و prerender، JSON معتبر Speculation Rules را ایجاد کنید؛ تنظیمات پیش‌فرض امن، الگوهای 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 پشتیبانی نمی‌کنند، این نوع Script را نادیده می‌گیرند؛ پیوندهای عادی همچنان کار می‌کنند. بنابراین، این قابلیت در صورت پیکربندی صحیح، یک لایهٔ شتاب‌دهندهٔ اضافی است و جایگزین جریان پیمایش فعلی نمی‌شود.

چگونه از آن استفاده کنیم؟

گام به گام

  1. متناسب با ترافیک و استفادهٔ شما از منابع Conservative، Moderate یا Aggressive تنظیمات ازپیش‌آمادهٔ را انتخاب کنید.
  2. از نظر پردازش سبک‌تر prefetch یا موردی که صفحه را به‌طور کامل آماده می‌کند prerender انتخاب را انجام دهید.
  3. محدوده الگوی URL یا فهرست URLهای صریح با تعریف کنید؛ مسیرهای نشست، سبد خرید و پرداخت را مستثنا کنید.
  4. هشدارهای مربوط به نحو و مصرف منابع را در بخش اعتبارسنجی زنده برطرف کنید.
  5. برچسب HTML تولیدشده یا خروجی JSON را کپی کنید یا به‌صورت فایل دانلود کنید.
سوالات متداول

سوالات متداول

prefetch باعث می‌شود سند مقصد از شبکه از پیش دریافت شود؛ اما صفحه را اجرا نمی‌کند. prerender در این حالت صفحهٔ مقصد را مانند برگه‌ای نامرئی بارگیری و رندر می‌کند. Prerender می‌تواند انتقال سریع‌تری فراهم کند، اما باید با دقت بیشتری استفاده شود، زیرا JavaScript، درخواست‌های شبکه و رویدادهای تحلیلی ممکن است پیش از کلیک اجرا شوند.

conservative منتظر نیت قوی کاربر است؛ متوسط از سیگنالی مانند مکث کوتاه روی پیوند استفاده می‌کند. eager و به‌ویژه immediate ممکن است زودتر اجرا شود و منابع بیشتری مصرف کند. بااین‌حال، مرورگر ممکن است بسته به شرایط مرورگر، دستگاه و شبکه، اجرای یک قانون را انتخاب نکند.

WordPress 6.8 می‌تواند به‌طور پیش‌فرض قانون conservative prefetch را برای پیوندهای مناسب رابط کاربری به مرورگرهای پشتیبان ارسال کند. ابتدا در منبع صفحه بررسی کنید که موجود است type="speculationrules" اسکریپت را بررسی کنید. به‌جای افزودن قانون دومی که با آن تداخل داشته باشد، در صورت نیاز wp_speculation_rules_configuration پیکربندی اصلی را با فیلتر سفارشی کنید.

نوع Script شناسایی نمی‌شود و قانون نادیده گرفته می‌شود. پیوندهای عادی صفحه <a href> پیوندها بدون تغییر کار می‌کنند؛ به polyfill ویژهٔ JavaScript نیازی نیست. بنابراین مقصد پیوندها را فقط به Speculation Rules متصل نکنید و روند عادی پیمایش را حفظ کنید.

خروج، ورود، سبد خرید، پرداخت، حساب کاربری، مدیریت، پیوندهای یک‌بارمصرف و همهٔ مسیرهایی را که با درخواست GET وضعیت را تغییر می‌دهند، مستثنا کنید. از آنجا که صفحهٔ پیش‌پردازش‌شده می‌تواند پیش از کلیک کاربر اجرا شود، استفاده از آن فقط در صفحاتی امن، بدون عوارض جانبی و بدون نشت داده‌های شخصی مناسب است.
بازگشت به همه ابزارهای رایگان