Bearbeitung von Navigationsanfragen

Las solicitudes de navegación son solicitudes de documentos HTMLHTML (Hypertext Markup Language) se usa para estructurar el contenido de texto de un documento web. No sólo se marca el contenido, sino además la meta-información que describe este contenido. Las páginas HTML se almacenan normalmente en el directorio raíz del servidor. Cómo se creó En la era digital, a los usuarios les resulta difícil hallar su camino en las webs y hacer un seguimiento de las estructuras de las Plus realizadas por su BrowserUn navegador (además: browser) es una herramienta informática que te permite ver documentos y datos y navegar por la red. Los navegadores pueden mostrar distintos tipos de recursos de información; principalmente documentos HTML, a pesar de todo, además son posibles otros tipos de archivos y contenido multimedia, como PDF, JPEG, MPEG, GIF o el lenguaje de meta marcado. A través el uso de complementos especiales y la configuración respectivo, los Plus cada vez que ingresa una nueva UrlEl URL (Localizador Uniforme de Recursos), es una dirección definida que apunta a la posición de un archivo en un servidor y lo recupera. Las URL se introducen en un navegador web para ingresar a documentos en la web o se incrustan como hipervínculos dentro de un documento. Se puede usar un Permalink para que una URL esté disponible de forma permanente. Componentes de una URL • prefijo de protocolo Plus en la barra de navegación o sigue un VerknüpfungConcepto de Dominio¿Qué es un Enlace?En Internet, un link, además conocido como enlace o hipervínculo, es cualquier texto o imagen que se encuentra en una página web y en la que el usuario puede pulsar o clicar para ser dirigido a otro contenido distinto. Es el principal medio de “desplazamiento” en la red, puesto que se encuentra presente en prácticamente cualquier portal que visites a día de hoy, inclusive en Plus en una página que lo lleva a una nueva URL. Aquí es donde los trabajadores del servicio tienen su mayor impacto en el rendimiento: si utiliza un trabajador del servicio para responder a las solicitudes de navegación sin esperar a la red, puede asegurarse de que las navegaciones sean rápidas y confiables, además de ser resistentes cuando la red no está disponible. Esta es la ganancia de rendimiento más grande que proviene de un trabajador de servicios, en comparación con lo que es posible con el almacenamiento en ZwischenspeicherUn caché es un tipo de memoria auxiliar de la que se puede recuperar a alta velocidad con una capacidad de almacenamiento relativamente pequeña. Se encuentra entre la unidad central de procesamiento (CPU) y la memoria principal. Ayuda a evitar el acceso al disco duro o los recálculos complejos almacenando temporalmente ciertos datos y haciéndolos disponibles rápidamente cuando sea necesario. El caché almacena una copia de la petición actual y Plus HTTPEl HTTP (Hyper Text Transfer Protocol) es un protocolo que se usa para transmitir datos en redes. HTTP es un estándar técnico generalmente aceptado que establece cómo un cliente web se comunica con un servidor para que los datos solicitados por el cliente puedan ser cargados y mostrados. Información general Junto con el URL y el HTML, HTTP es uno de los conceptos más importantes de Internet (www). Fue desarrollado Plus.

Wie im Handbuch Identifizieren geladener Ressourcen im Netzwerk beschrieben, ist eine Suchanforderung die erste von vielen Anforderungen, die möglicherweise an das Netzwerk gestellt werden
"Wasserfall"
del tráfico de la red. El HTML que carga a través de una solicitud de navegación inicia el flujo de todas las demás solicitudes de subrecursos como imágenes, SkripteConcepto de Scripts¿Qué son los Scripts?Los Scripts son fragmentos de código que se usan para dar forma a herramientas tanto en Internet como en el sector de la informática en general. Son una parte crucial del software, puesto que se trata exactamente del código que conforma a una aplicación en su totalidad o a una de sus funciones, como además el que puedes hallar explorando cómo está hecha una web.Desde Plus y estilos.

In einem Servicemitarbeiter holen Mit der Ereignisbehandlungsroutine können Sie feststellen, ob es sich bei einer Anforderung um eine Navigation handelt, indem Sie das Kontrollkästchen aktivieren request.mode Eigentum in der FetchEvent. Wenn es konfiguriert ist für 'navigieren', dann ist es eine Navigationsanfrage.

Verwenden Sie in der Regel nicht langlebig Cache-Control-Header um die HTML-Antwort für eine Suchanforderung zwischenzuspeichern. Sie sollten normalerweise über das Netzwerk mit zufrieden sein
Cache-Kontrolle: kein Cache, um sicherzustellen, dass der HTML-Code zusammen mit der Kette nachfolgender Netzwerkanforderungen (angemessen) auf dem neuesten Stand ist. Gehen Sie jedes Mal gegen das Netz, wenn der Benutzer zu einer neuen Seite navigiert. Leider bedeutet dies, dass jede Navigation erfolgt könnte Langsam sein Zumindest bedeutet dies, dass dies nicht der Fall sein wird sicherlich Schnell.

Verschiedene Ansätze für Architekturen

Rausfinden wie Es kann schwierig sein, auf Browsing-Anfragen zu reagieren, indem Sie das Web meiden. Der richtige Ansatz hängt weitgehend von der Architektur Ihrer Website und der Anzahl der eindeutigen URLs ab, auf die Benutzer zugreifen können.

Obwohl es keine einheitliche Lösung gibt, sollten die folgenden allgemeinen Richtlinien Ihnen bei der Entscheidung helfen, welcher Ansatz am besten geeignet ist.

Kleine statische Stellen

Wenn Ihre Webanwendung aus einer relativ kleinen Anzahl (denken Sie an ein paar Dutzend) eindeutiger URLs besteht und jede dieser URLs einer anderen statischen HTML-Datei entspricht, besteht ein praktikabler Ansatz darin, alle diese HTML-Dateien zwischenzuspeichern und auf die Navigation zu reagieren Anfragen mit dem entsprechenden zwischengespeicherten HTML.

Mit dem Caching können Sie den HTML-Code im Voraus zwischenspeichern, sobald der Service Worker installiert ist, und den zwischengespeicherten HTML-Code jedes Mal aktualisieren, wenn Sie Ihre Site neu erstellen und Ihren Service Worker erneut bereitstellen.

Wenn Sie es vorziehen, das Zwischenspeichern Ihres gesamten HTML-Codes zu vermeiden, können Benutzer beim erneuten Validieren eine veraltete Laufzeit-Caching-Strategie verwenden, da Benutzer möglicherweise nur zu einer Teilmenge von URLs auf Ihrer Site navigieren. Seien Sie jedoch bei diesem Ansatz vorsichtig, da jedes einzelne HTML-Dokument separat zwischengespeichert und aktualisiert wird. Die Verwendung des Laufzeit-Caching für HTML ist besser geeignet, wenn Sie eine kleine Anzahl von URLs haben, die überprüft werden häufig von derselben Gruppe von Benutzern, und wenn Sie mit der erneuten Validierung dieser URLs unabhängig voneinander vertraut sind.

Einzelseiten-Apps

Las aplicaciones web modernas utilizan con frecuencia una arquitectura de una sola página. En él, JavaScriptJavaScript es un lenguaje de programación que funciona en el lado del cliente y con el que las webs pueden ser más funcionales. Incorporación en código HTML El código JavaScript puede ser incrustado en las páginas HTML, para que adquieran funcionalidad. Existen varias opciones. Puede estar entre las etiquetas <SCRIPT> y </SCRIPT>, puede estar contenido en un archivo externo, puede ser un parámetro de las etiquetas HTML, y puede estar Plus del lado del cliente modifica el HTML en respuesta a las acciones del usuario. Este modelo utiliza el Verlaufs-API um die aktuelle URL zu ändern, während der Benutzer mit der Webanwendung interagiert, was zu einem "Schein" -Browsen führt. Während das nachfolgende Surfen "gefälscht" sein kann, ist das anfängliche Surfen echt und es ist immer noch wichtig sicherzustellen, dass es nicht im Web blockiert wird.

Glücklicherweise gibt es bei Verwendung der Einzelseitenarchitektur ein einfaches Muster, das für die anfängliche Navigation aus dem Cache verwendet werden muss: das Anwendungsshell. In diesem Modell antwortet Ihr Servicemitarbeiter auf Navigationsanforderungen, indem er unabhängig von der angeforderten URL dieselbe eindeutige HTML-Datei zurückgibt, die bereits zwischengespeichert wurde. Dieser HTML-Code sollte einfach sein und möglicherweise aus einem generischen Ladeindikator oder bestehen Skelettinhalt. Una vez que el navegador ha cargado este HTML desde la caché, su JavaScript existente del lado del cliente toma el control y muestra el InhaltEl contenido puede ser muy difícil de definir con precisión. Es una definición que se refiere a las declaraciones contenidas en un documento o publicación de cualquier tipo y puede incluir las tecnologías de la información y la comunicación. Esto cubre todos los tipos de medios como imágenes y texto. A parte de esto, en el campo de la optimización de motores de búsqueda, los términos duplicar contenido, contenido único, Plus HTML correcto para la URL de la solicitud de navegación original.

Workbox bietet die Tools, die Sie zur Implementierung dieses Ansatzes benötigen. das navigateFallback
option
Mit dieser Option können Sie angeben, welches HTML-Dokument als Shell Ihrer Anwendung verwendet werden soll, sowie eine optionale Zulassungs- und Verweigerungsliste, um dieses Verhalten auf eine Teilmenge Ihrer URLs zu beschränken.

Mehrseitige Apps

Wenn Ihr Webserver den HTML-Code für Ihre Website dynamisch generiert oder wenn Sie mehr als ein paar Dutzend eindeutige Seiten haben, ist es viel schwieriger, das Netz bei der Bearbeitung von Browsing-Anforderungen zu umgehen. Der Rat in Alles andere trifft wahrscheinlich auf Sie zu.

Für eine bestimmte Teilmenge mehrseitiger Anwendungen können Sie möglicherweise einen Servicemitarbeiter implementieren, der die auf Ihrem Webserver zum Generieren von HTML verwendete Logik vollständig repliziert. Dies funktioniert am besten, wenn Sie Routing-Informationen und -Vorlagen zwischen der Server- und der Service Worker-Umgebung austauschen können, und insbesondere, wenn Ihr Webserver JavaScript verwendet (ohne sich darauf verlassen zu müssen)
Node.js-spezifische Funktionen wie Dateisystemzugriff).

Wenn Ihr Webserver in diese Kategorie fällt und Sie einen Ansatz untersuchen möchten, um die HTML-Generierung aus dem Netzwerk auf Ihren Servicemitarbeiter zu verlagern, lesen Sie den Leitfaden unter Jenseits von SPAs: Alternative Architekturen für Ihre PWA kann Ihnen beim Einstieg helfen.

Alles andere

Wenn Sie nicht auf zwischengespeicherte HTML-Navigationsanforderungen antworten können, sollten Sie Maßnahmen ergreifen, um sicherzustellen, dass das Hinzufügen eines Servicemitarbeiters zu Ihrer Site (zur Bearbeitung anderer Nicht-HTML-Anforderungen) Ihre Navigation nicht verlangsamt. Wenn Sie den Servicemitarbeiter starten, ohne ihn zum Beantworten einer Suchanforderung zu verwenden, tritt eine geringe Latenz auf (wie in erläutert) Erstellen Sie mit Service Worker schnellere und stabilere Anwendungen). Sie können diesen Overhead verringern, indem Sie eine aufgerufene Funktion aktivieren Navigationsvorladung, und dann Verwenden der Netzwerkantwort
das wurde in deinem vorinstalliert holen Event-Handler.

Arbeitsbox bietet eine Hilfsbibliothek Diese Funktion erkennt, ob das Vorladen der Navigation unterstützt wird, und vereinfacht in diesem Fall die Aufforderung an Ihren Servicemitarbeiter, die Netzwerkantwort zu verwenden.

Foto von Aaron Burden im Unsplash,