در دنیای پرسرعت امروز، ثانیه ها اهمیت دارند. کاربران انتظار دارند وبسایتها بلافاصله بارگذاری شوند. Speculation Rules یک فناوری جدید و قدرتمند است که میتواند با پیشبینی اقدامات کاربر و بارگذاری منابع صفحات بعدی قبل از کلیک، سرعت بارگذاری سایت شما را به طور چشمگیری افزایش دهد.
Speculation Rules یک قابلیت پیشرفته در مرورگرهای مدرن (مثل کروم) است که به توسعهدهندگان وب اجازه میدهد به مرورگر بگویند "احتمالاً کاربر بعدی به کدام صفحات یا منابع خواهد رفت". بر اساس این دستورالعملها، مرورگر میتواند منابع (HTML، CSS، JavaScript و...) صفحات پیشبینیشده را در پسزمینه پیشواکشی (Prefetch) یا حتی پیشرندر (Prerender) کند.
Prefetch (پیشواکشی): فقط منابع صفحه را دانلود میکند، اما آن را رندر نمیکند.
Prerender (پیشرندر): کل صفحه را در یک تب پنهان بارگذاری و رندر میکند. وقتی کاربر روی لینک کلیک میکند، صفحه بلافاصله و بدون تأخیر قابل مشاهده است.
هدف اصلی Speculation Rules، کاهش زمان پاسخگویی (Latency) و افزایش سرعت ناوبری (Navigation) در سایت است، که منجر به تجربه کاربری فوقالعاده سریع میشود. این کار با افزودن یک تگ <script type="speculationrules"> به قسمت <head> سند HTML شما انجام میشود که شامل یک آبجکت JSON با قوانین پیشبینی است.
برای وبسایتهای وردپرسی، Speculation Rules میتواند یک تغییر دهنده بازی باشد. تصور کنید کاربر در صفحه اصلی سایت شما قرار دارد. با استفاده از این قوانین، میتوانید به مرورگر بگویید که احتمالاً کاربر به صفحه "تماس با ما" یا "درباره ما" خواهد رفت. مرورگر این صفحات را در پسزمینه بارگذاری میکند و وقتی کاربر روی لینک مربوطه کلیک میکند، صفحه بلافاصله و بدون هیچ تأخیری ظاهر میشود.
سرعت بارگذاری آنی: کاربران بلافاصله پس از کلیک به صفحه بعدی منتقل میشوند.
افزایش نرخ تبدیل (Conversion Rate): تجربه کاربری سریعتر میتواند منجر به نرخ تبدیل بالاتر (مثلاً خرید بیشتر یا ثبتنام بیشتر) شود.
کاهش نرخ پرش (Bounce Rate): کاربران به دلیل سرعت بالا، تمایل بیشتری به ماندن در سایت دارند.
بهبود سئو (SEO): سرعت سایت یکی از فاکتورهای مهم رتبهبندی گوگل است.
اگرچه استفاده از افزونهها سادهتر است، اما برای درک بهتر، مثالی از کد Speculation Rules را ارائه میدهیم. این کد باید در بخش <head> صفحه HTML قرار گیرد.
فرض کنید میخواهیم وقتی کاربر در صفحه اصلی سایت شماست، صفحه "تماس با ما" (با آدرس /contact) را پیشرندر کنیم:
HTML <!DOCTYPE html> <html lang="fa"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>صفحه اصلی سایت من</title> <script type="speculationrules"> { "prerender": [ { "source": "document", "where": { "href_matches": "/contact/" }, "speculation_target": "document" } ] } </head> <body> <a href="/contact/">تماس با ما</a> </body> </html>
<script type="speculationrules">: این تگ، مرورگر را از وجود قوانین پیشبینی آگاه میکند.
"prerender": مشخص میکند که عملیات "پیشرندر" باید انجام شود. (میتواند "prefetch" هم باشد.)
"source": "document": نشان میدهد که قوانین برای لینکهای موجود در سند فعلی اعمال میشوند.
"where": { "href_matches": "/contact/" }: این بخش تعیین میکند که کدام لینکها باید هدف پیشرندر باشند. در اینجا، هر لینکی که آدرس آن شامل /contact/ باشد، پیشرندر میشود.
"speculation_target": "document": مشخص میکند که کل سند HTML صفحه مقصد باید پیشرندر شود.
نکته مهم: قرار دادن دستی این کد در وردپرس پیچیده است و معمولاً نیاز به دستکاری فایل functions.php یا استفاده از افزونههای مدیریت کد دارد. به همین دلیل، استفاده از افزونههایی مانند InstantPage توصیه میشود که این پیچیدگیها را برای شما مدیریت میکنند.
Speculation Rules یک ابزار قدرتمند برای بهبود تجربه کاربری و افزایش سرعت سایتهای وردپرسی است. با استفاده از افزونههایی مانند InstantPage، میتوانید به راحتی این قابلیت را فعال کرده و سایت خود را برای کاربران به مراتب سریعتر و لذتبخشتر کنید، که این خود عاملی مهم در افزایش تعامل، نرخ تبدیل و بهبود جایگاه سئو خواهد بود. آینده وب سریعتر از همیشه است و Speculation Rules به شما کمک میکند تا در این مسیر پیشرو باشید.
