نکات DevTools: اشکال‌زدایی پیمایش‌های احتمالی برای بارگذاری سریع‌تر صفحه

سوفیا املیانوا
Sofia Emelianova

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

ویدیو را تماشا کنید و این نسخه ی نمایشی را مشاهده کنید تا یاد بگیرید چگونه:

  • حدس و گمان ها، قوانین و وضعیت آنها را در Application > Services Background > Speculative loads بررسی کنید.
  • از طریق منوی کشویی در نوار عمل در بالا بین رندرها جابه‌جا شوید و رندرها را با استفاده از تمام پانل‌های DevTools بررسی کنید.
  • وضعیت پیش اجرا ردیابی زنده.

چگونه می توانید بدانید که کاربر کجای بعدی را کلیک می کند؟ برای کمک به شما در به حداکثر رساندن پتانسیل بارهای احتمالی، Chrome 121 اکنون می‌تواند همه پیوندها را از سند به جای یک لیست ثابت انتخاب کند، اما فقط زمانی که کاربر ماوس را روی پیوندی نگه می‌دارد و می‌خواهد روی آن کلیک کند، از قبل اجرا کند.

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

برای اطلاعات بیشتر ببین: