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

Sofia Emelianova
Sofia Emelianova

Interfejs Speculation Rules API umożliwia implementację niemal natychmiastowego wczytywania strony na podstawie zdefiniowanych przez Ciebie reguł spekulacyjnych. Dzięki temu Twoja witryna może pobierać i renderować wstępnie większość stron, do których użytkownicy się przemieszczają.

Obejrzyj film i zobacz ten poradnik, aby dowiedzieć się, jak:

  • Sprawdź spekulacje, ich reguły i stany w sekcji Aplikacja > Usługi w tle > Wyraźnie przyspieszone wczytywanie.
  • Przełącz się między renderami za pomocą menu na górnym pasku działań i sprawdź rendery za pomocą wszystkich paneli DevTools.
  • Stan prerenderowania w tresie na żywo.

Skąd wiesz, gdzie użytkownik kliknie następny? Aby zmaksymalizować potencjał spekulatywnych załadowań, Chrome 121 może teraz pobrać wszystkie linki z dokumentu, a nie tylko z listy, ale zrenderować je wstępnie tylko wtedy, gdy użytkownik najedzie kursorem na link i jest gotowy go kliknąć.

Obejrzyj ostatnią część filmu, aby dowiedzieć się, jak wdrażać i debugować reguły dokumentu, które uruchamiają prerenderowanie po wydarzeniach hover lub mousedown. Te zdarzenia zapewniają niewielką przewagę, aby spekulatywnie wczytywać strony przed nawigacją. Zapoznaj się z tą funkcją na podstawie prezentacji.

Aby dowiedzieć się więcej, zobacz: