طالما شكّل زمن استجابة التنقل (Navigation Latency) التحدي الأكبر في تجربة المستخدم عبر تطبيقات الويب متعددة الصفحات (MPAs). لعقود اعتمدنا على حلول تقليدية مثل `` و ``، إلا أن افتقارها للمرونة واستهلاكها العشوائي لموارد المعالج واستنزاف بطارية أجهزة المستخدم أدى بالمتصفحات إلى تقييدها أو التخلي عنها تدريجياً. تأتي واجهة **Speculation Rules API** كحل جذري مدعوم أصلياً في محركات Chromium، موفرةً آلية برمجية قائمة على JSON تمنح المطورين تحكماً دقيقاً في التنبؤ المسبق لسلوك المستخدم، وتفعيل العرض المسبق الكامل (Prerendering) للصفحة في خلفية غير مرئية لتصبح جاهزة للعرض الفوري بمعدل 0ms.

الفرق الجوهري بين التوليد المسبق (Prefetch) والعرض المسبق (Prerender)

قبل الغوص في الأكواد، من الضروري معمارياً التمييز بين المستويين المدعومين داخل الواجهة:

1. الاستباق الشبكي (Prefetch)

يقوم المتصفح بتنزيل كود HTML الخاص بالرابط وتخزينه في الذاكرة المؤقتة (HTTP Cache). عند نقر المستخدم، يتخطى المتصفح مرحلة الـ Network Round-trip، لكنه يظل بحاجة لتحليل الـ DOM، وبناء شجرة CSSOM، وتنفيذ كود الجافاسكريبت.

2. المعالجة الكاملة المسبقة (Prerender)

ينشئ المتصفح سياق تصفح خفي (Invisible Background Tab). يتم تنزيل الصفحة، تحليلها، تحميل مواردها الفرعية، وبناء الـ Render Tree، بل وحتى تنفيذ الجافاسكريبت المبدئي. بمجرد النقر، يتم استبدال الصفحة النشطة بالصفحة الجاهزة فورياً بدون أي وميض أو إعادة رسم (Zero Layout Shifts).

البنية الأساسية لقواعد التكهن (Speculation Rules Syntax)

يتم تعريف القواعد عبر وسم `