چگونه مونریف با استفاده از پیش‌رندر Speculation Rules و حافظه پنهان back/forward، تعامل را ۸.۹٪ بهبود و LCP را ۱۷.۹٪ کاهش داد

Fabrizio Guerra

Gianni Onnis

منتشر شده: ۹ دسامبر ۲۰۲۵

مونریف یکی از گروه‌های انتشاراتی پیشرو در ایتالیا است که برندهای خبری پربازدیدی مانند Il Resto del Carlino ، Il Giorno ، La Nazione و QN Quotidiano.net را اداره می‌کند. با توجه به اینکه میلیون‌ها کاربر در هر جلسه به ده‌ها مقاله دسترسی دارند، بهینه‌سازی سرعت پیمایش و زمان بارگذاری صفحه برای حفظ و تعامل خواننده ضروری است.

در اوایل سال ۲۰۲۵، مونریف با اتخاذ یک استراتژی پیش‌رندرینگ مؤثر با استفاده از رابط برنامه‌نویسی Speculation Rules ، ابتکاری در بهبود عملکرد با تمرکز بر بهبود Largest Contentful Paint (LCP) آغاز کرد. مونریف با شناسایی صفحات مقاله با بیشترین بازدید و اعمال پیش‌رندرینگ برای آن مسیرها، تا ۱۷.۹٪ بهبود در LCP به دست آورد - پیشرفتی قابل اندازه‌گیری در عملکرد و تجربیات خبری کاربرپسند. علاوه بر این، این امر به افزایش قابل توجه در تعامل کاربر منجر شد، با اوج ۸.۹٪ در برخی بخش‌ها .

با تشویق از موفقیت پیش‌رندرینگ، تیم همچنین پشتیبانی از حافظه پنهان back/forward (bfcache) را پیاده‌سازی کرد. این امر به بازدیدکنندگانی که دوباره به سایت مراجعه می‌کنند اجازه می‌دهد تا هنگام بازگشت به صفحات بازدید شده قبلی، زمان بارگذاری تقریباً فوری را تجربه کنند و این امر به یک تجربه مرور روان و واکنش‌گرا کمک می‌کند.

جایی که شروع کردیم

قبل از انتشار عمومی، آزمایش‌های داخلی و داده‌های گزارش تجربه کاربری کروم (CrUX) نشان می‌داد که بسیاری از صفحات Monrif - به ویژه تعداد بازدیدهای مقاله و صفحه اصلی - امتیاز LCP پایین‌تر از حد مطلوب داشتند.

قبل از شروع تلاش‌های بهینه‌سازی، یعنی قبل از مارس ۲۰۲۵، ۷۵امین صدک LCP برای بازدیدهای صفحه اصلی در چندین عنوان، از ۲.۳۳۳ ثانیه تا ۲.۴۱۹ ثانیه متغیر بود. اگرچه از نظر فنی در آستانه «خوب» (۲.۵ ثانیه یا کمتر) قرار داشت، اما هنوز جای زیادی برای بهبود عملکرد درک شده توسط کاربر در الگوهای ناوبری با فرکانس بالا وجود داشت.

چگونه LCP را بهبود بخشیدیم

برای کاهش تأخیر در طول پیمایش‌ها، مونریف پیش‌رندرینگ گمانه‌زن را در تمام دامنه‌های دسکتاپ و موبایل با استفاده از رابط برنامه‌نویسی Speculation Rules پیاده‌سازی کرد. این استراتژی برای ایجاد تعادل بین تأثیر عملکرد و ایمنی فنی طراحی شده بود و پیش‌رندرینگ را فقط زمانی مجاز می‌دانست که عناصر لینک با انتخابگرها و شرایط خاص مطابقت داشته باشند.

{
  "prerender": [
    {
      "where": {
        "and": [
          {
            "not": {
              "selector_matches": "[rel~=nofollow]"
            }
          },
          {
            "not": {
              "selector_matches": ".no-prerender"
            }
          },
          {
            "selector_matches": "a"
          }
        ]
      },
      "eagerness": "moderate"
    }
  ]
}

سطح اشتیاق برای هر لینکی (با استثنائات خاص) روی moderate ​​تنظیم شد. این تنظیم بر اساس شناور بودن (در دسکتاپ) و بر اساس اکتشافات viewport (در موبایل) عمل می‌کند . این رویکرد به تیم اجازه داد تا دامنه پیش‌رندر را فقط به لینک‌هایی که احتمالاً مورد نیاز هستند کنترل کند و بنابراین استفاده از منابع را به حداقل برساند.

نتایج

برای ارزیابی تأثیر اجرای پیش‌پرداخت، تحلیل خود را بر روی سه نشریه اصلی Monrif متمرکز کردیم - Il Resto del Carlino ، Il Giorno و La Nazione - با استفاده از داده‌های GA4 و معیارهای CrUX.

اگرچه پیش‌رندرینگ هم در دسکتاپ و هم در موبایل فعال بود، اما میزان بروز آن در دسکتاپ به طور قابل توجهی بیشتر بود، زیرا "moderate" اجازه می‌داد که هنگام نگه داشتن ماوس روی صفحه، لینک‌های بیشتری در محدوده‌ی دید قرار گیرند. به عنوان مثال، در La Nazione ، ۱۳.۹٪ از بازدیدهای وب (دسکتاپ) پیش‌رندرینگ را فعال کردند، در حالی که این میزان در موبایل تنها ۲.۹٪ بود. در نتیجه، بهبود عملکرد در پلتفرم‌های دسکتاپ، که به حوزه‌ی اصلی این مطالعه تبدیل شد، قابل مشاهده‌تر و پایدارتر بود.

تا اواخر ماه مه ۲۰۲۵، عملکرد LCP در هر سه نشریه به طور قابل توجهی بهبود یافته بود، همانطور که در داده‌های دسکتاپ CrUX مشاهده می‌شود:

این بهبودها به طور دقیق اوج‌های فعالیت پیش‌رندر را منعکس می‌کنند. جدول زیر بالاترین میزان وقوع پیش‌رندر را - هم از نظر حجم و هم از نظر درصد افزایش نسبت به میانگین آنها - برای هر سایت در دسکتاپ نشان می‌دهد:

در تمام عناوین، کمترین مقادیر LCP در بازه‌های زمانی بسیار همپوشانی به عنوان بالاترین رویدادهای پیش‌رندر، به ویژه بین اواسط ماه مه و اوایل ژوئن 2025 مشاهده شد. این همزمانی نشان دهنده همبستگی قوی بین پیش‌رندر حدسی و افزایش عملکرد در دنیای واقعی است.

اثر تعامل

به موازات افزایش LCP، مونریف افزایش قابل توجهی در میزان مشارکت کاربران در طول اجرای پیش‌رندرینگ ثبت کرد. با تجزیه و تحلیل داده‌های GA4 در ایل رستو دل کارلینو ، ایل جورنو و لا نازیونه ، میزان مشارکت در هفته‌هایی که پیش‌رندرینگ بیشترین فعالیت را داشت، به طور قابل توجهی بهبود یافت.

در اینجا به تفکیک همبستگی بین شدت پیش‌رندر، بهبود LCP و افزایش تعامل در دسکتاپ آمده است:

اگرچه عوامل متعددی بر میزان تعامل تأثیر می‌گذارند، اما همبستگی زمانی نزدیک نشان می‌دهد که عملکرد بهتر با پیش‌رندرینگ منجر به تعامل عمیق‌تر و پایدارتر کاربر می‌شود.

تأثیر تبلیغات

در حالی که هدف اصلی مونریف بهبود تجربه و عملکرد کاربر بود، به نظر می‌رسد این ابتکار عمل تأثیرات مثبتی بر معیارهای تبلیغات نیز داشته است.

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

این بهبود، هرچند به طور مطلق کوچک است، اما معنادار است: حتی افزایش جزئی در میزان دیده شدن می‌تواند کیفیت درک شده از موجودی را افزایش دهد، نرخ پر شدن را افزایش دهد و اعتماد تبلیغ‌کننده را بهبود بخشد.

نکته قابل توجه این است که چگونه این موضوع به بهبود عملکرد مربوط می‌شود. با کاهش LCP و بهبود سرعت ناوبری، Monrif به بارگذاری سریع‌تر صفحات کمک کرد و کاربران را بیشتر درگیر خود نگه داشت. این به نوبه خود احتمال ماندگاری بیشتر تبلیغات در صفحه نمایش و احتمال دیده شدن آنها را افزایش می‌دهد.

بهبود ناوبری فوری با bfcache

مونریف در کنار پیش‌رندرینگ، برای فعال کردن پشتیبانی از حافظه پنهان (cache) مرورگر (bfcache) تلاش کرد - یک مکانیسم عملکردی که امکان بازیابی فوری صفحه را هنگام پیمایش کاربران با استفاده از دکمه‌های عقب یا جلو مرورگر فراهم می‌کند.

برای اطمینان از سازگاری با bfcache، توسعه‌دهندگان چندین مسدودکننده رایج را برطرف کردند:

• شنونده‌های رویداد unload event listeners) حذف شدند زیرا غیرقابل اعتماد هستند و به زودی منسوخ می‌شوند.
• یک هدر سختگیرانه Permissions-Policy اتخاذ شد تا از معرفی مجدد شنونده‌های رویداد unload (به‌ویژه توسط اشخاص ثالث) جلوگیری شود.
• شنونده‌های رویداد pagehide پیاده‌سازی شدند تا اتصالات (مثلاً IndexedDB، WebSocket) با خیال راحت بسته شوند.
• از استفاده از Cache-Control: no-store مگر در موارد ضروری اجتناب شده است، زیرا این امر می‌تواند در بسیاری از موارد bfcache را مسدود کند .

اگرچه تیم هنوز داده‌های کافی برای جداسازی تأثیر bfcache با همان دقت آماری مورد استفاده برای پیش‌رندرینگ نداشت، آزمایش‌های اولیه و ردیابی‌های Chrome DevTools تأیید کرد که ناوبری‌های سازگار به طور کامل از حافظه بازیابی شده‌اند - و زمان بارگذاری زیر ثانیه را هنگام بازگشت به مقالات مشاهده شده قبلی ارائه می‌دهند.

نتیجه‌گیری

با ادغام پیش‌رندرینگ حدسی، مونریف به طور قابل توجهی LCP را در وب‌سایت‌های خبری خود بهبود بخشید و تا ۱۷.۹٪ کاهش در زمان بارگذاری را به دست آورد. این پیشرفت‌ها نه تنها عملکرد ادراک‌شده را بهبود بخشیدند، بلکه به دستاوردهای قابل اندازه‌گیری در تعامل کاربر در عناوین اصلی آن نیز منجر شدند.

علاوه بر این، این مورد نشان می‌دهد که بهینه‌سازی‌های عملکرد کاربرمحور می‌توانند با بهبود شرایطی که بر نحوه و زمان دیده شدن تبلیغات تأثیر می‌گذارند، مزایای کسب درآمد در پایین‌دست را ایجاد کنند.

این مطالعه موردی نشان می‌دهد که چگونه بهینه‌سازی‌های ناوبری مدرن مانند پیش‌رندرینگ می‌تواند Core Web Vitals را در مقیاس بزرگ - حتی در پلتفرم‌های غنی از محتوا - افزایش دهد و به پیشرفت‌های قابل اندازه‌گیری در تجربه کاربری و نتایج کسب‌وکار تبدیل شود.