blog top bar
zhaket logo

افزایش سرعت نمایش نتایج جستجو در کروم با Speculation Rules API

اخبار اینترنت

2 دقیقه زمان مطالعه

گوگل با معرفی فناوری جدیدی به نام Speculation Rules API، قصد دارد سرعت نمایش نتایج جستجو در مرورگر کروم را به‌شکل چشمگیری افزایش دهد. این API از طریق پیش‌بینی نیازهای کاربران، صفحات جستجو را قبل از کلیک آن‌ها بارگذاری می‌کند تا نتایج تقریباً به‌صورت آنی به نمایش درآیند.

Speculation Rules API به مرورگر کروم اجازه می‌دهد صفحات وب را به دو صورت پیش‌بارگذاری (prefetch) یا پیش‌رندر (prerender) آماده نمایش کند. گوگل در این روش، دو نتیجه ابتدایی جستجو را پیش از انتخاب کاربر آماده می‌کند، به‌طوری که با وارد کردن عبارت جستجو در نوار آدرس کروم یا جعبه جستجوی اندروید، نتایج اول و دوم قبل از کلیک کاربر به‌طور کامل بارگذاری شده‌اند.

طبق گزارش اخیر گوگل، این فناوری توانسته معیار Largest Contentful Paint (LCP) را بهبود چشمگیری دهد. در نسخه موبایل کروم (اندروید)، این کاهش حدود ۶۷ میلی‌ثانیه و در نسخه دسکتاپ ۵۸.۶ میلی‌ثانیه بوده است. همچنین، زمان نمایش اولین محتوا (First Contentful Paint – FCP) و LCP برای نتایج بعدی نیز به‌ترتیب ۷.۶ و ۹.۵ میلی‌ثانیه کاهش یافته است، اگرچه بهبود سرعت در نتایج سوم به بعد کمتر از دو نتیجه ابتدایی است.

توسعه‌دهندگان وب می‌توانند به‌آسانی از این API بهره ببرند. برای این منظور، کافی است قوانین مربوط به پیش‌رندرینگ یا پیش‌بارگذاری را در تگ <script> از نوع speculationrules تعریف کنند. برای مثال:

<script type="speculationrules">
  {
    "prerender": [
      {
        "source": "document",
        "where": {"href_matches": "/product/.*"}
      }
    ]
  }
</script>

در این مثال، تمامی لینک‌هایی که URL آن‌ها با عبارت /product/ شروع شود، به‌طور خودکار پیش‌رندر می‌شوند. به این ترتیب توسعه‌دهندگان می‌توانند لینک‌های دارای احتمال بالای کلیک توسط کاربران را شناسایی و بهینه‌سازی کنند.

همچنین، گوگل برای محافظت از حریم خصوصی و جلوگیری از انتشار اطلاعات حساس، تنظیمات خاصی نظیر requires و referrer_policy را نیز در این API به‌کار گرفته است.

این فناوری جدید علاوه بر افزایش سرعت نمایش صفحات، باعث بهبود تجربه کاربری شده و درنتیجه روی بهینه‌سازی معیارهای Core Web Vitals و سئو نیز تأثیر مثبت دارد. این مزایا می‌تواند درنهایت منجر به افزایش نرخ تبدیل مشتریان در وب‌سایت‌ها شود.

با این حال، استفاده از این فناوری ممکن است چالش‌هایی نیز به همراه داشته باشد. مصرف منابع بیشتر سیستم به‌خصوص در حالت پیش‌رندرینگ که نیاز به اجرای کامل کدهای جاوااسکریپت و ساختار DOM دارد، یکی از مهم‌ترین این چالش‌ها است. همچنین تنظیمات دقیق و پیچیده API برای مشخص کردن صفحات مناسب نیازمند تخصص و بررسی‌های دقیق فنی خواهد بود.


تحریریه ژاکت

مشاهده تیم تحریریه

0

دیدگاه ها

ارسال دیدگاه

ارسال دیدگاه