Tipps für Entwicklertools: Debugging spekulativer Navigationen für schnelleres Laden von Seiten

Sofia Emelianova
Sofia Emelianova

Mit der Speculation Rules API können Sie einen Seitenaufbau nahezu sofort basierend auf von Ihnen definierten Spekulationsregeln implementieren. So kann Ihre Website die meisten Nutzer, die die meisten Nutzer aufrufen, vorab abrufen und rendern.

Im Video und in dieser Demo erfährst du, wie du

  • Prüfen Sie Spekulationen, ihre Regeln und Status unter Anwendung > Hintergrunddienste > Spekulative Ladevorgänge.
  • Über das Drop-down-Menü oben in der Aktionsleiste kannst du zwischen verschiedenen Renderings wechseln und die Renderings in allen Entwicklertools-Bereichen überprüfen.
  • Pre-Rendering-Status des Live-Trace.

Woher wissen Sie, worauf die Nutzenden als Nächstes klicken? Damit Sie das Potenzial spekulativer Ladevorgänge maximieren können, kann Chrome 121 jetzt alle Links aus dem Dokument anstelle einer festen Liste abrufen. Das Pre-Rendering erfolgt jedoch nur, wenn der Nutzer den Mauszeiger auf einen Link bewegt und er jetzt darauf klickt.

Im letzten Teil des Videos erfahren Sie, wie Sie Dokumentregeln implementieren und debuggen, die Pre-Renderings auslösen, wenn der Nutzer den Mauszeiger darauf bewegt oder den Mauszeiger darauf bewegt. Diese Ereignisse verschaffen Ihnen einen kleinen Vorsprung beim spekulativen Laden von Seiten vor der Navigation. Sieh dir die Funktion in dieser Demo an.

Weitere Informationen finden Sie unter: