Советы DevTools: отладка спекулятивной навигации для более быстрой загрузки страниц

София Емельянова
Sofia Emelianova

API правил спекуляции позволяет реализовать практически мгновенную загрузку страницы на основе определенных вами правил спекуляции. Это позволяет вашему веб-сайту выполнять предварительную выборку и предварительную обработку наиболее часто посещаемых страниц.

Посмотрите видео и ознакомьтесь с этой демонстрацией , чтобы узнать, как:

  • Проверьте спекуляции, их правила и статусы в разделе Приложение > Фоновые службы > Спекулятивные нагрузки .
  • Переключайтесь между рендерингами через раскрывающееся меню на панели действий вверху и проверяйте рендеры с помощью всех панелей DevTools.
  • Статус предварительной визуализации в реальном времени.

Как узнать, куда пользователь нажмет следующую кнопку? Чтобы помочь вам максимизировать потенциал спекулятивной загрузки, Chrome 121 теперь может выбирать все ссылки из документа, а не из фиксированного списка, но выполняет предварительную обработку только тогда, когда пользователь наводит курсор на ссылку и собирается щелкнуть ее.

Посмотрите последнюю часть видео, чтобы узнать, как реализовать и отладить правила документа, которые запускают предварительную обработку при событиях наведения или нажатия мыши. Эти события дают небольшую фору для спекулятивной загрузки страниц перед навигацией. Ознакомьтесь с этой функцией в этой демонстрации .

Для получения дополнительной информации см.: