Wskazówki dotyczące narzędzi deweloperskich: debugowanie spekulacyjnych nawigacji w celu szybszego wczytywania stron

Sofia Emelianova
Sofia Emelianova

Interfejs spekulacyjny interfejsu API umożliwia niemal natychmiastowe wczytywanie strony na podstawie zdefiniowanych przez Ciebie reguł spekulacyjnych. Umożliwi to witrynie wstępne pobieranie i renderowanie większości stron, na które przechodzisz.

Obejrzyj film i obejrzyj tę prezentację, aby dowiedzieć się, jak:

  • Aby sprawdzać spekulacje, ich reguły i stany, kliknij Aplikacja > Usługi w tle > Ładowanie spekulacyjne.
  • Możesz przełączać się między renderowaniem, korzystając z menu na pasku działań u góry, i sprawdzać renderowane elementy we wszystkich panelach Narzędzi deweloperskich.
  • Stan renderowania wstępnego śledzenia na żywo.

Skąd masz wiedzieć, co użytkownik kliknie w następnej kolejności? Aby pomóc Ci w pełni wykorzystać potencjał ładowania spekulacyjnego, Chrome 121 może teraz przechwytywać wszystkie linki z dokumentu (a nie stałej listy), ale renderować wstępnie tylko wtedy, gdy użytkownik najedzie kursorem na link i ma zamiar go kliknąć.

Obejrzyj ostatnią część filmu, aby dowiedzieć się, jak implementować i debugować reguły dokumentu, które uruchamiają renderowanie wstępne po zdarzeniach najechania kursorem lub najechania kursorem myszy. Te zdarzenia pozwalają na spekulacyjne ładowanie stron przed rozpoczęciem nawigacji. Wypróbuj tę prezentację.

Aby dowiedzieć się więcej, zobacz: